bootstrap datepicker 在bootstrap modal中不显示问题

2024年4月17日 201次阅读 来源: Tony

可以通过在 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>
    原文作者：Tony
    原文地址: https://segmentfault.com/a/1190000002498605
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞