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。在追加后增加循环次数。

希望这有帮助。

jQuery UI Datepicker只响应第一个文本框

2 个答案: