jquery-ui日期选择器更改z-index

11 浏览
0 Comments

jquery-ui日期选择器更改z-index

问题非常简单，尽管我在弄清楚如何解决它方面遇到了困难。

我正在使用jQuery-ui的日期选择器以及自定义制作的“iOS风格的开/关切换”按钮。这个切换按钮使用一些绝对定位的元素，它们当前显示在我的日期选择器上方。

请参见下面覆盖了7月6日的丑陋圆圈…

enter image description here

解决这个问题的“笨办法”（至少在我看来）是在我的样式表中编写一个样式，但我更愿意在选择器启动时使用一些JavaScript来完成。

我已经尝试过

$('.date_field').datepicker(); 
$('.date_field').datepicker("widget").css({"z-index":100});

和

$('.date_field').datepicker({
    beforeShow: function(input, inst) { 
        inst.dpDiv.css({"z-index":100});
    }
});

但似乎每次启动日期选择器时z-index都被覆盖。

非常感谢任何帮助！

0