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; 
}