在bootstrap模态框中，当页面出现滚动条后，datetimepicker控件位置可能会发生错乱。这是由于控件定位的问题。网上很多人提出修改bootstrap-datetimepicker.js的办法，这种办法容易造成隐患，如果其他人之前也使用了这个控件，在公用代码被修改后，可能正常的控件定位也变得错乱了。
参考：https://qa.1r1g.com/sf/ask/1980577231/
有两种解决思路，其实都是同一种思想：对控件使用绝对定位

方法一（推荐）：使用自定义CSS样式，再将控件的输入框应用上这个样式即可

先定义一个自定义CSS样式文件

/*解决模态框中日期控件位置错乱问题*/
.editor-datetime {
    position: relative;
}

再将控件的输入框应用上这个样式

<td >  <input type="text" class="form-control editor-datetime required" name="birthday" id="birthday"> </td>

方法二：使用绝对定位的DIV来包裹input时间控件框

如果不想使用自定义样式，可以直接使用绝对定位的DIV来包裹input时间控件框

<td > 
      <div class="controls" style="position: relative">
           <input type="text" class="form-control required" name="birthday" id="birthday" >
      </div>
</td >