JQuery UI Datepicker отвечает только на первое текстовое поле

0

Я пытаюсь создать таблицу с несколькими строками, и каждая строка имеет текстовое поле для ввода пользователем даты с помощью 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>";
}
?>

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

Теги:
datepicker

2 ответа

2
Лучший ответ

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

id='dateinput'

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

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

Поделиться
  • 0
    Вау, это сработало. Большое спасибо! :)
  • 1
    Счастлив, что это помогло :) Счастливое кодирование.
3

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

class='dateinput'

Оно работает

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню