JQuery UI DatePicker中z-index默认为1的解决办法
更新时间：2010年09月28日 08:45:29 作者：
用到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的使用上，大家一看就明白，这里就不多说了，希望能给您带来帮助。
相关文章
动态加载js和css的jquery，可用于在生成页面时通过js函数加载一些共通的js和css文件,需要的朋友可以参考下2014-09-09
html、css和jquery相结合实现简单的进度条效果实例代码
这篇文章主要介绍了html、css和jquery相结合实现简单的进度条效果的实例代码，这个进度条特别简单，首先html里面的话就是一个div里面嵌套一个div，然后写好想要的样式就行了，具有一定的参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
这篇文章主要介绍了jQuery多级弹出菜单插件ZoneMenu的使用方法，有需要的小伙伴可以参考下2014-12-12
这篇文章主要介绍了jQuery+css3实现Ajax点击后动态删除功能的方法,可实现点击选区后出现选区收缩、滚动消失的效果,涉及jquery结合Ajax与数学运算实时操作页面元素的相关技巧,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery实现图片走马灯效果的原理,结合实例形式较为详细的分析了jQuery实现走马灯的相关html页面设计、css样式布局与jQuery相关函数的使用,需要的朋友可以参考下2016-01-01
本章我们将创建一个自增长的输入框插件，jquery.aotogrow.js2012-08-08
本篇文章主要是对Json序列化和反序列化方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
今天小编就为大家分享一篇关于jQuery.parseJSON()函数详解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
本篇文章主要是对jQuery 文本框得失焦点的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的，感兴趣的朋友可以了解下2013-12-12
最新评论