动态表单和JQuery UI日期输入
我有一个表单,您可以在其中输入一些信息,然后单击一个按钮,该按钮将添加该表单的副本,这可以一次又一次地进行,直到他们对放置的信息满意为止 在这个表单上,我有两个日期输入,一个是date_from,另一个是date_to,这些是数组,用于在这个页面上启用更多表单。我遇到的问题是,我正在使用JQuery的datepicker UI,而此时,输入具有id,因此datepicker只能使用一次 我如何获得它,以便JQuery日期选择器可以用于出现的每个日期输入 这是我到目前为止的代码动态表单和JQuery UI日期输入,jquery,forms,jquery-ui,datepicker,Jquery,Forms,Jquery Ui,Datepicker,我有一个表单,您可以在其中输入一些信息,然后单击一个按钮,该按钮将添加该表单的副本,这可以一次又一次地进行,直到他们对放置的信息满意为止 在这个表单上,我有两个日期输入,一个是date_from,另一个是date_to,这些是数组,用于在这个页面上启用更多表单。我遇到的问题是,我正在使用JQuery的datepicker UI,而此时,输入具有id,因此datepicker只能使用一次 我如何获得它,以便JQuery日期选择器可以用于出现的每个日期输入 这是我到目前为止的代码 $(functio
$(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"
});
});
下面是一个例子,虽然datepicker没有处理这个问题,但它在我的桌面上
任何帮助都将不胜感激。使用类来选择输入
<input type="text" id="from-date" class="from_date" value="">
$(".from_date").datepicker({...});
$(“.from_date”).datepicker({…});
编辑
随着问题的更新(通过对我答案的评论),我找到了解决办法
您可以在altField中使用JQuery选择器来获取您希望显示日期的输入。这不起作用,因为我有一个隐藏字段,它要更新,只需使用一个字段即可更新与单击的字段相关的所有隐藏字段。抱歉,我忘了提到表单中也有隐藏字段。每次有人点击AddaForm按钮,它都会显示两个可以看到的字段和两个隐藏的字段。我需要可以看到的两个来更新与你看到的两个相对应的两个隐藏字段。这需要完全动态。然后我想你会找到你的答案的。谢谢你的评论,它帮助了我。:)