JQuery datepicker方法不能处理重复元素
我正在尝试使用JQuery教程指定的datepicker添加日历对象。 这是一个事件表单，我需要添加更多事件来选择不同的事件日期，所以我要做的是复制表单中的元素以重用。 这意味着日历输入标记也会重复。 但是，执行此操作时，日历datepicker方法将不会调用（或至少不会弹出日历）。 为什么会这样？ 我的代码就在这里：
Calendar duplicate testing $(function() { $( ".cal" ).datepicker(); }); function duplicateCalendar() { var calendars = document.getElementsByClassName("calendarinstance"); var newcalendar = calendars[calendars.length - 1].cloneNode(true); calendars[calendars.length - 1].appendChild(newcalendar); }
Select Date:
您可以点击此处查看此代码。 我只是放置日历对象，因为它是一件不起作用的东西。 提前感谢您的帮助！
jQuery选择器$( ".cal" ).datepicker(); 将只选择同名的多个类的第一个实例。
看看.each（）来达到所有课程。
在duplicateCalendar（）上调用此函数以及现有代码：
$(function() { $( ".cal" ).each(function() { $( this ).datepicker(); }); });
试试这个例子。
Calendar duplicate testing Select Date:
剧本
我们正在使用JQuery .clone（）。 此外，我们需要为每个新元素附加“datepicker（）”方法。 阅读有关.clone（）方法的更多信息。