次のコンテキストのデータピッカーをロードする方法​​</td>？

Question

彼に

コードの上、私は日付ピッカーとしてIDが含まれている入力フィールドの日付ピッカーを追加したいと思います。私はonclickの入力フィールドには、何が私はこのコードを見逃している間、

$("tbody#docTab").click(function() { 
    var row = $(this).closest('tr'); 
    row.find('#datepicker').removeClass('hasDatepicker').datepicker();   
}); 

しかし、私は、日付ピッカーを表示されませんdocument.ready（）FUNCでjsの次のコードを使用し、この目的のために

？ 高度なありがとう。

Answer 1

IDが重複しているここでは、HTML内の各要素に一意のIDを割り当てる - 代わりに、複数の入力ボックスに同じIDを割り当てるので - 私はあなたの日付ピッカーを追加したい人に、すべての入力にクラス"datepicker"を追加することをお勧め：

<td> 
    <input type="text" name="sdate[]" class="datepicker" value="0000-00-00" /> 
</td> 
<td> 
    <input type="text" name="edate[]" class="datepicker" value="0000-00-00" /> 
</td> 

とjQueryで：

$("tbody#docTab").click(function({ 
    $('.datepicker').removeClass('hasDatepicker').datepicker(); // you can directly add datepicker using its class name  
}); 

Answer 2

あなたは、同じIDを持つ2要素を持つことはできません。 ご入力のためのクラスを使用してみてください

<input type="text" name="sdate[]" class="datepicker" value="0000-00-00"> 

JS更新：

$("tbody#docTab").click(function() { 
    var row = $(this).closest('tr'); 
    row.find('.datepicker').removeClass('hasDatepicker').datepicker();   
});