bootstrap datepicker 在bootstrap modal中不显示问题

发布时间：2020-12-17 21:06:20 所属栏目：安全来源：网络整理

导读：可以通过在 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="cont

可以通过在 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!