动态表单和 JQuery UI 日期输入

Question

我有一个表单，您可以在其中输入一些信息并单击一个按钮，该按钮将添加该表单的副本，这可以一遍又一遍地完成，直到他们对放置的信息感到满意为止。

在这个表单上，我有两个日期输入，一个是 date_from，另一个是 date_to，这些是用于在此页面上启用更多表单的数组。我遇到的问题是，我正在使用 JQuery 的 datepicker UI，并且此时输入有 id，因此 datepicker 只能使用一次。

我将如何获得它以便 JQuery 日期选择器可以用于每个出现的日期输入？

这是我目前的代码...

$(function() {
    $("#to-date").datepicker({
        dateFormat: "dd/mm/yy",
        altField: "#alt-to",
        altFormat: "yy-mm-dd"
});

    $("#from-date").datepicker({
        dateFormat: "dd/mm/yy",
        altField: "#alt-from",
        altFormat: "yy-mm-dd"
    });
});

这里是my JSFiddle，虽然日期选择器无法处理这个问题，但它在我的桌面上。

任何帮助将不胜感激。

Answer 1

使用类来选择输入。

<input type="text" id="from-date"  class="from_date" value="">

$(".from_date").datepicker({...});

编辑 通过更新（通过对我的答案的评论）问题，我找到了解决方案 here。

您可以在 altField 中使用 JQuery 选择器来获取您希望在其中显示日期的输入。