JQuery UI DatePicker中z-index默认为1的解决办法
发布时间：2013-07-31 编辑：jiaochengji.com
用到JQuery UI的DatePicker时，发现如果页面有其他z-index比较大的控件，datepicker就会被遮住而不能操作。
用到jquery ui的DatePicker时，发现如果页面有其他z-index比较大的控件，datepicker就会被遮住而不能操作。
在网上也没能找到有效的解决办法，下面我提供一种看似投机的办法：
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
关键就在于beforeShow的使用上，大家一看就明白，这里就不多说了，希望能给您带来帮助。
复制代码 代码如下:
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
关键就在于beforeShow的使用上，大家一看就明白，这里就不多说了，希望能给您带来帮助。
您可能感兴趣的文章：
JQuery UI DatePicker中z-index默认为1的解决办法
jquery ui dialog里调用datepicker的问题
JQuery datepicker 使用方法
jQuery UI Datepicker length为空或不是对象错误的解决方法
jQuery双日历插件 jQuery Datepicker
jQuery UI 教程之三 ——jquery ui datepicker的使用
jQuery日期选择插件 jQuery UI Datepicker
日期选择插件 Datepicker for Bootstrap
jquery UI 1.72 之datepicker
新浪,163滑动导航菜单代码
[关闭]