jQuery datePicker在UI對話框下面？

單擊show container鏈接後，會在UI對話框下方顯示datepicker組件 - 第2個輸入。我應該怎麼做才能在UI對話框上方顯示它？

2009-10-08 Arthur Ronald

加入這個答案，要麼是固定權 – 2009-10-08 18:07:05

您需要設置z-index上的日期選擇器，例如：

.ui-datepicker 
{ 
    z-index:20000; 
}

應該爲你工作。

來源

2009-10-08 17:55:20 veggerby

你可以的.ui-日期選擇器的z-index設置到1003

.ui-datepicker 
{ 
    z-index: 1003; 
}

眼下，的.ui小部件，覆蓋有1001的z-index和的.ui-對話框有一個z-index爲1002.日期選擇器沒有z-索引，並且默認爲低於這些其他的z-索引。將它更新爲更高的Z-index，並且它應該出現在對話框的上方。

來源

2009-10-08 17:55:23

如果它的舊瀏覽器（IE6），你可能需要'BGIFrame'插件並設置對話框選項來使用它，如果z-index不起作用？

來源

2011-09-01 13:27:22 andora

我有一個類似的問題，但日期選擇器對話框有一個style="z-index:1"這是鞭me我。所以我不得不添加!important關鍵字。

.ui-datepicker { 
    z-index: 1003 !important; 
}

來源

2011-09-11 12:45:04 bevacqua

所有這些建議覆蓋的z-index被我逼瘋！ '！important'是我失蹤的東西 – Jama22 2012-01-18 21:15:58

加'！important'絕對是正確答案 – Liyali 2012-02-10 06:32:05

我通過JS

//allow interaction of select2, date and time picker on jQuery UI dialog 
    $.ui.dialog.prototype._allowInteraction = function(e) { 
    return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-drop').length; 
    };

來源

2014-09-25 13:21:12

jQuery datePicker在UI對話框下面？

回答

相關問題