动态表单和JQuery UI日期输入

时间:2014-05-14 09:44:12

标签: jquery forms jquery-ui datepicker

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

在这个表单上,我有两个日期输入,一个是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,虽然日期选择器没有在这方面工作,但它在我的桌面上。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

使用课程选择输入。

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

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

修改 通过更新(通过我的回答评论)问题,我找到了解决方案here

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