BOOTSTRAP时间控件显示在模态框下面的bug修复

137 阅读 0 评论 91 点赞

一针见血：修改 bootstrap-datepicker.js 文件

复制代码代码如下:

var zIndex = parseInt(this.element.parents().filter(function(){

     return $(this).css('z-index') !== 'auto';

    }).first().css('z-index'))  +10;

将+10改为+99999999;

原因：z-index是设置元素的堆叠顺序，从负到正表示从下到上堆叠，这里使用css方法将z-index设置为10,并且为行内样式,用样式表是无法修改的

总结：方法很简单，查找原因的过程却很复杂，这里也是查找了很久，才找到比较简单的解决办法，有相同需求的小伙伴参考下吧，希望大家能够喜欢。