2013-12-12 52 views
0

我試圖創建一個包含多行的表,每行都有一個文本框供用戶使用jQuery UI 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你得到了這個問題。 保留一個計數器變量並將其附加到id。追加後在循環中增加它。

希望這會有所幫助。

+0

哇它的工作。非常感謝你! :) – aiman9000

+1

快樂它幫助:)快樂的編碼。 –

3

你有問題,因爲相同的ID,其衝突 您可以使用相同的類名

class='dateinput' 

它工作的