Bootstrap DateTimePicker隱藏在JQuery對話框中

Question

我在JQuery對話框中有一個引導datetimepicker（as here）。但是，當顯示datetimepicker時，它會隱藏在對話框中，當我希望它顯示在對話框的頂部時。

下面是它目前的樣子：

正如你可以看到這是很不理想。

我已經研究過，我似乎發現唯一的解決方案是增加Z值爲一個很大的值，但這似乎不起作用。我已經嘗試了許多不同的類，如.datepicker .ui-datepicker .bootstrap-datetimepicker-widget，並嘗試使用和不使用！很重要，但似乎沒有任何工作。

有沒有人有任何其他的想法？

我的代碼如下：

<div class="mui-textfield"> 
    <input type="date" id="txtDate"/> 
    <label>Date</label> 
</div> 

$('#txtDate').datetimepicker({ 
    format: 'DD-MM-YYYY', 
    keepOpen: false 
}); 

Answer 1

的z-index也變成是這個問題對我來說不過，我也必須設置overflow: visible的對話和對話內容都申報單，以便它是逃過一劫。這是最後爲我工作的CSS：

.datepicker 
{ 
    z-index: 99999 !important; 
} 
.ui-dialog { 
    overflow:visible !important; 
} 
.ui-dialog-content { 
    overflow:visible !important; 
}