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