Bootstrap datepicker не работает над div,

Question

Я использую bootstrap datepicker в своем HTML-формате.

<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 пример не имеет атрибута id на input, который является элементом вам нужно создать экземпляр 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()