我在页面上具有标签结构,每个标签的内部内容都通过Ajax调用显示。每个标签都有一个jQuery日期选择器范围插件。这些日期选择器在通过Ajax调用的同一HTML上初始化。
每当第一次在任何选项卡上加载内容时,日期选择器都将在相同的加载HTML中工作。但是,当单击另一个选项卡时,datepicker无法在该HTML上运行,并在firefox中将错误提示为“递归过多”。
如果我转到该日期选择器正在工作的上一个选项卡,那也会产生相同的错误。
每个日期选择器都有一个不同的ID。 jQuery UI JS和CSS文件正在第一默认页面的Onload
上加载。
下面是日期选择器代码示例-
$('#startDate').datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
$("#endDate").datepicker("option", "minDate", dt);
},
onClose: function(date, datepicker) {
var dt = new Date(date);
$("#endDate").datepicker("option", "minDate", dt);
}
});
$('#endDate').datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
$("#startDate").datepicker("option", "maxDate", dt);
},
onClose: function(date, datepicker) {
var dt = new Date(date);
$("#startDate").datepicker("option", "maxDate", dt);
}
});
请帮助解决该问题。