Datepicker涵盖模态中的输入字段

Question

在模态中没有正确创建datepicker元素，它覆盖了输入字段，我无法可视化数据

HTML：

<div id="datepicker" class="input-append date col-md-12" >
    <input  type="text" class="form-control">
    <span class="add-on">
        <span class="arrow"></span>
        <i class="fa fa-th"></i>
    </span>
</div>

JS：

<script src="{% static 'assets/plugins/bootstrapv3/js/bootstrap.min.js' %}" type="text/javascript"></script> 


$("#datepicker").datepicker({
    format: "dd/mm/yyyy",
    startDate: "01-01-2015",
    endDate: "01-01-2020",
    todayBtn: "linked",
    autoclose: true,
    todayHighlight: true,
    container: '#myModal modal-body',
    zIndex: 2048,
});

Answer 1

这适用于后代，必须在输入标签中初始化日期选择器。

<input id="datepicker" type="text" class="form-control">

另一方面，我必须实现这个suggestion：