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

【问题标题】：jQuery UI Datepicker only respond to the first textboxjQuery UI Datepicker 只响应第一个文本框
【发布时间】：2013-12-30 08:42:08
【问题描述】：

我正在尝试创建一个包含多行的表，并且每一行都有一个文本框供用户使用 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>";
}
?>

任何帮助将不胜感激。 :)

【问题讨论】：

标签： javascript php jquery jquery-ui datepicker

【解决方案1】：

由于相同的 ID 冲突，您遇到了问题你可以使用相同的类名

class='dateinput'

成功了

【讨论】：

【解决方案2】：

所有行都有这个问题

id='dateinput'

你需要给他们不同的ID。保留一个计数器变量并将其附加到 id。追加后循环增加。

希望这会有所帮助。

【讨论】：

很高兴它有帮助 :) 编码愉快。