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しかし、私もそれが可能にするためには、ダイアログやダイアログのコンテンツのdivの両方にoverflow: visibleを設定しなければならなかった私にとって問題であることが判明しましたエスケープ。これは最後に私のために働いたCSSです：

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