Javascript 引导日期选择器在div上不工作，

我在我的HTML中使用

<div class="col-md-5">
    <div>
        <input id="my-date-picker" type="text" class="form-control"  readonly required>
    </div>
</div>

---

这些方法不起作用。我在这里做错了什么吗？

您必须分配给input而不是div的id

这个

---

您的第二个HTML示例在

输入

上没有

id

属性，这是您需要实例化上的

datepicker（）

的元素

您需要使用这两种方法之一，其中

id

直接位于

输入上：

<div class="col-md-5">
    <div>
        <input id="my-date-picker" type="text" class="form-control" readonly="true" required="true">
    </div>
</div>

或者，如果
id
位于父
div
上，并且您选择子
输入
：

<div class="col-md-5">
    <div id="my-date-picker">
        <input type="text" class="form-control" readonly="true" required="true">
    </div>
</div>

这使用的是
datetimepicker（）
，而不是
datepicker（）
。这意味着他的示例使用了不同的日期选择器库。
<div class="col-md-5">
    <div>
        <input id="my-date-picker" type="text" class="form-control" readonly="true" required="true">
    </div>
</div>

<div class="col-md-5">
    <div id="my-date-picker">
        <input type="text" class="form-control" readonly="true" required="true">
    </div>
</div>