bootstrap datepicker

最近在作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',
});
這樣便