bootstrap datepicker 在bootstrap modal中不显示问题

最新推荐文章于 2018-10-11 13:21:47 发布

yxctf

最新推荐文章于 2018-10-11 13:21:47 发布

阅读量254

点赞数

本文链接：https://blog.csdn.net/yxctf/article/details/43075321

版权

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