在bootstrap 3.0中我们总是在项目中，会遇到使用时间控件的时候，为了和bootstrap的风格统一，你可以很容易在搜索引擎中找到一个很棒的时间插件https://github.com/smalot/bootstrap-datetimepicker
但是，我遇到一个问题，当我下载后，浏览样例使，我没有看到效果，我因为我出了什么问题，但是我发现我的浏览器的滚动条多了出来，这时我才知道，这个控件他不能正确的显示在应该的位置上。
查看了js代码后，我找到了问题，很容易处理
在js/bootstrap-datetimepicker.js中的541行你会发现
|
1 2 3 4 5 6 7 8 |
/*if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') { top = offset.top - this.picker.outerHeight(); } else { top = offset.top + this.height; }*/ top = top - containerOffset.top + 169; left = left - containerOffset.left + 210; |
将他替换成下面代码即可
|
1 2 3 4 5 6 7 8 |
if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') { top = offset.top - this.picker.outerHeight(); } else { top = offset.top + this.height; } top = top - containerOffset.top; left = left - containerOffset.left; |