将日期选择器分配给输入字段数组答案

【问题标题】：Assigning datepicker to array of input fields将日期选择器分配给输入字段数组
【发布时间】：2012-02-26 23:58:39
【问题描述】：

我浏览了互联网，但似乎找不到我需要的东西。

我有一个名为 date[] 的输入字段，类 'datepicker'，然后我有一个使用 jquery 克隆这些输入字段的函数，所以我可以有多个字段

$(".datepicker").datepicker({dateFormat: 'dd-mm-yy', minDate: 0});

<input type="text" name="date[]" value="" class="datepicker" />

当页面上有一个输入字段时，它工作正常，当有 2 个时，它们都填充了相同的值，当您单击它时，选择器不会显示在第一个，但它会显示在第二个，但是该值不会改变。

任何想法如何让它工作

编辑：

玩了一会儿之后，这段代码确实适用于多个字段，但仅限于它们是静态的。我的输入字段是使用 .clone() 和 .prependTo() 动态生成的，这是问题开始的时候。有什么想法吗？

【问题讨论】：

克隆或 prependTo 字段后，您需要重新调用 .datepicker。

标签： jquery jquery-ui datepicker

【解决方案1】：

在 $(".datepicker").datepicker({dateFormat: 'dd-mm-yy', minDate: 0}); 行中，.datepicker 就像 datepicker 的参数，指示将返回值放在哪里。它应该是独一无二的。如果您使用多个具有datepicker 类的元素，则 datepicker 函数将向两者返回相同的值。相反，您可以使用类似 -

$("#datepicker1,#datepicker2").datepicker({dateFormat: 'dd-mm-yy', minDate: 0}); 和 html 是 - Demo

【讨论】：