JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
更新時間:2010年09月28日 08:45:29 作者:
用到JQuery UI的DatePicker時,發(fā)現(xiàn)如果頁面有其他z-index比較大的控件,datepicker就會被遮住而不能操作。
在網(wǎng)上也沒能找到有效的解決辦法,下面我提供一種看似投機(jī)的辦法:
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
關(guān)鍵就在于beforeShow的使用上,大家一看就明白,這里就不多說了,希望能給您帶來幫助。
復(fù)制代碼 代碼如下:
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
關(guān)鍵就在于beforeShow的使用上,大家一看就明白,這里就不多說了,希望能給您帶來幫助。
您可能感興趣的文章:
- javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex
- jQuery獲取css z-index在各種瀏覽器中的返回值
- 動態(tài)改變div的z-index屬性的簡單實(shí)例
- vue樣式疊層z-index不起作用的解決方案
- 關(guān)于微信小程序map組件z-index的層級問題分析
- 推薦深入理解css中的position定位和z-index屬性
- Webpack打包c(diǎn)ss后z-index被重新計(jì)算的解決方法
- js實(shí)現(xiàn)輪播圖效果 z-index實(shí)現(xiàn)輪播圖
- 深入理解z-index的工作原理和應(yīng)用技巧
相關(guān)文章
html、css和jquery相結(jié)合實(shí)現(xiàn)簡單的進(jìn)度條效果實(shí)例代碼
這篇文章主要介紹了html、css和jquery相結(jié)合實(shí)現(xiàn)簡單的進(jìn)度條效果的實(shí)例代碼,這個進(jìn)度條特別簡單,首先html里面的話就是一個div里面嵌套一個div,然后寫好想要的樣式就行了,具有一定的參考借鑒價值,感興趣的朋友一起看看吧2016-10-10
jQuery+css3實(shí)現(xiàn)Ajax點(diǎn)擊后動態(tài)刪除功能的方法
這篇文章主要介紹了jQuery+css3實(shí)現(xiàn)Ajax點(diǎn)擊后動態(tài)刪除功能的方法,可實(shí)現(xiàn)點(diǎn)擊選區(qū)后出現(xiàn)選區(qū)收縮、滾動消失的效果,涉及jquery結(jié)合Ajax與數(shù)學(xué)運(yùn)算實(shí)時操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-08-08
jQuery實(shí)現(xiàn)圖片走馬燈效果的原理分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片走馬燈效果的原理,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)走馬燈的相關(guān)html頁面設(shè)計(jì)、css樣式布局與jQuery相關(guān)函數(shù)的使用,需要的朋友可以參考下2016-01-01
jquery插件制作 自增長輸入框?qū)崿F(xiàn)代碼
本章我們將創(chuàng)建一個自增長的輸入框插件,jquery.aotogrow.js2012-08-08
jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
本篇文章主要是對jQuery 文本框得失焦點(diǎn)的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02

