打開日期選擇器位於對話框

Question

可能重複內：
Trouble with jQuery Dialog and Datepicker plugins

此刻，我已在對話框中定義爲：

$('#dialogCl').dialog({ 
    autoOpen: false, 
    width:650, 
    height:550 
    }); 

而且裏面#dialogCl定義的日期選擇器如：

$("#c").datepicker({showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true}); 

我需要打開datepicker，但它似乎把datepicker放在對話框下。

我在這裏找到一些帖子關於這一點，但我不知道在哪裏如何設置.ui-datepicker到1003的z-index的programaticly

Answer 1

我有同樣的問題 - 我的解決辦法是增加的Z指數的jQuery -ui * .css for .ui-datepicker。

如果你沒有訪問（或不想修改）你的css文件，你可以試試類似$('.ui-datepicker').css({'z-index': 1003})的東西。

Answer 2

對話框中有您可以使用

$('#dialogCl').dialog({ 
    autoOpen: false, 
    width:650, 
    height:550, 
    zIndex: 800 
    }); 

Answer 3

我最好的答案是設定在所有對話層:)的日期選擇器UI

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

Answer 4

看來，一個zIndex的選項，日期選擇器要麼地方它本身就是所有可見的，因爲它是一個彈出窗口，或者它應該接受一個像對話框那樣的zIndex參數。

是這兩種情況？到目前爲止，這裏顯示的css hack是唯一有效的工具。

謝謝！