最近在做bootstrap中模態框中選擇日期，發現模態框中的日曆插件不顯示。由於在頁面中不止一次使用datepicker插件，所以一直以爲不顯示的原因是同頁面多次使用了datepicker，然後從網上了解到同頁面是可以多次使用datepicker的，然後也找到了不顯示的原因是日曆插件被模態框遮住了，這是css的層模型產生的原因，可以使用z-index屬性將日曆插件浮在頁面的最上面就可以了，z-index設置的越大，越在頁面最上面顯示，纔不會被遮住。
比較簡單的解決方法如下：
html頁面中標籤
<span style="position: relative; z-index: 9999;">
<input type="text" class="form-control date-picker" value="2016/11/11" id="start_date" name="start"/>
</span>
javascript腳本
$('.date-picker').datepicker({
autoclose: true,
todayHighlight: true,
format: 'yyyy/m/d',
});
這樣便