Bootstrap datepicker不能在div上工作，

Question

我在我的HTML中使用了bootstrap datepicker。

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

当我输入元素上使用$('#my-date-picker').datepicker()，所有bootstrap datepicker methods工作完美。

但是当我使用

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

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

Answer 1

您必须分配给输入的编号，而不是分区

这个。

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

Answer 2

你的第二个HTML示例没有对input的id属性，这是你需要实例上datepicker()的元素。

您需要为使用这个，这里id是在input直接：

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

$('#my-date-picker').datepicker() 

或者这个，这里id是父div，并且选择孩子input：

$('#my-date-picker input').datepicker()