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的使用上,大家一看就明白,這里就不多說了,希望能給您帶來幫助。
您可能感興趣的文章:
相關(guān)文章
jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
本篇文章主要是對jQuery 文本框得失焦點(diǎn)的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)
這篇文章主要介紹了jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)的方法,十分的簡單,有需要的小伙伴可以參考下。2015-05-05
JQuery中兩個ul標(biāo)簽的li互相移動實(shí)現(xiàn)方法
這篇文章主要介紹了JQuery中兩個ul標(biāo)簽的li互相移動實(shí)現(xiàn)方法,可實(shí)現(xiàn)ul標(biāo)簽中l(wèi)i標(biāo)簽內(nèi)容相互替換的技巧,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
jQuery pager.js 插件動態(tài)分頁功能實(shí)例分析
這篇文章主要介紹了jQuery pager.js 插件動態(tài)分頁功能,結(jié)合具體實(shí)例形式分析了pager.js 插件的定義及使用插件進(jìn)行分頁操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08
用jquery修復(fù)在iframe下的頁面錨點(diǎn)失效問題
iframe頁面沒有滾動條,在父窗體中出現(xiàn)滾動條,錨點(diǎn)標(biāo)記就會失效,用js判斷頁面是否被嵌套,用js計算iframe在父窗體位置2014-08-08

