bootstrap datepicker 在bootstrap modal中不顯示問題

可以通過在 input 輸入框之外 巢狀 <span style="position: relative; z-index: 9999;"> 完美解決問題。

修改前：

<div class="input-group">
    <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ `now`|date(`Y-m-d`) }}">
    <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

修改後:

<div class="input-group">
    <span style="position: relative; z-index: 9999;">
        <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ `now`|date(`Y-m-d`) }}">
    </span>
    <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>