jQuery UI Datepicker реагирует только на первое текстовое поле

Я пытаюсь создать таблицу с несколькими строками, и каждая строка имеет текстовое поле для ввода пользователем даты с помощью jQuery UI Datepicker. Проблема в том, что Datepicker обновляет текстовое поле только в первой строке. Вот функция datepicker в <head> :

 <script> $(function() { $('.dateinput').datepicker({ dateFormat: 'dd/mm/yy' }).val(); }); </script> 

Это текстовое поле:

 <?php while($fetch = mysql_fetch_array($query)) { echo "<td> <input type='text' id='dateinput' name='dateinput[]' value='" .date('d/m/Y'). "' class='dateinput' /> </td>"; } ?> 

Любая помощь будет очень высоко ценится. 🙂

Solutions Collecting From Web of "jQuery UI Datepicker реагирует только на первое текстовое поле"

Вы получаете эту проблему, поскольку все строки имеют

 id='dateinput' 

Вам нужно дать им разные идентификаторы. Сохраните переменную счетчика и добавьте ее в id. Увеличьте его в цикле после добавления.

Надеюсь это поможет.

У вас есть проблема из-за того же идентификатора, который конфликтует. Вы можете использовать одно и то же имя класса

 class='dateinput' 

Оно работает