jQuery UI Datepicker僅響應第一個文本框

Question

我正在嘗試創建一個具有多行的表，每行都有一個文本框，供用戶使用jQuery UI Datepicker輸入日期。 問題在於Datepicker僅更新第一行中的文本框。 這是<head>的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>";
}
?>

任何幫助將不勝感激。 :)

Answer 1

由於存在相同的ID而導致沖突，您可以使用相同的類名

class='dateinput'

有用

Answer 2

由於所有行都出現此問題

id='dateinput'

您需要給他們提供不同的ID。 保留一個計數器變量並將其附加到id。 追加后循環增加。

希望這可以幫助。

jQuery UI Datepicker僅響應第一個文本框

問題描述

2 個解決方案

解決方案1
3 2013-12-12 11:05:42

解決方案2
2 已采納 2013-12-12 04:35:14

jQuery UI Datepicker僅響應第一個文本框

問題描述

2 個解決方案

解決方案1 3 2013-12-12 11:05:42

解決方案2 2 已采納 2013-12-12 04:35:14

解決方案1
3 2013-12-12 11:05:42

解決方案2
2 已采納 2013-12-12 04:35:14