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> 

私は完全に、入力要素のすべてbootstrap datepicker methods作業を$('#my-date-picker').datepicker()を使用しています。

しかし、私は

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

を使用する場合の方法は動作しません。私はここで何か間違っていますか？

Answer 1

divに入らないように入力に割り当てるID

これはこれです。

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

Answer 2

あなたの第二のHTMLの例では、上のdatepicker()をインスタンス化する必要がある要素であるinputにid属性を、持っていません。

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()