Wie wird der Datapicker des folgenden Kontexts in</td> geladen?

Question

In er über Code, würde Ich mag picker von Eingabefeld hinzuzufügen, die-ID als picker enthält.

Zu diesem Zweck ich die folgende js Code in document.ready() Func verwendet

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

Aber ich scheint nicht die picker während Onclick das Eingabefeld, was ich auf diesem Code verpasst haben? Vielen Dank.

Answer 1

zuweisen eindeutige ID für jedes Element in html, hier ids dupliziert werden - anstelle von gleichen ID auf mehrere inputbox zuweisen - Ich schlage vor, Klasse hinzufügen würde "datepicker" an jedem Eingang, an den Sie picker hinzufügen möchten:

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

und in jquery:

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

Answer 2

Sie können nicht mit der gleichen ID 2 Element haben. Bitte versuchen Klasse zu verwenden für Ihre Eingabe

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

js Update:

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