JQuery UI DatePicker中z-index默認為1的解決辦法
更新時間:2010年09月28日 08:45:29 作者:
用到JQuery UI的DatePicker時,發(fā)現(xiàn)如果頁面有其他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的使用上,大家一看就明白,這里就不多說了,希望能給您帶來幫助。
相關文章
html、css和jquery相結合實現(xiàn)簡單的進度條效果實例代碼
這篇文章主要介紹了html、css和jquery相結合實現(xiàn)簡單的進度條效果的實例代碼,這個進度條特別簡單,首先html里面的話就是一個div里面嵌套一個div,然后寫好想要的樣式就行了,具有一定的參考借鑒價值,感興趣的朋友一起看看吧2016-10-10jQuery+css3實現(xiàn)Ajax點擊后動態(tài)刪除功能的方法
這篇文章主要介紹了jQuery+css3實現(xiàn)Ajax點擊后動態(tài)刪除功能的方法,可實現(xiàn)點擊選區(qū)后出現(xiàn)選區(qū)收縮、滾動消失的效果,涉及jquery結合Ajax與數(shù)學運算實時操作頁面元素的相關技巧,需要的朋友可以參考下2015-08-08