2013-12-12 2 views
0

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

<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>"; 
} 
?> 

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

ответ

2

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

id='dateinput' 

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

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

+0

Вау это сработало. Большое спасибо! :) – aiman9000

+1

Счастлив, что это помогло :) Счастливое кодирование. –

3

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

class='dateinput' 

Это произведения

Смежные вопросы