jquery - 动态表单和 JQuery UI 日期输入

Question

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

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

我如何获得它，以便 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 选择器来获取您想要显示日期的输入。