Question

我有2个输入字段，我正在使用像这样的

的DatePicker

$("#depart, #return").datepicker({
     showOn: 'both',
     buttonImage: 'images/icon_calendar.gif',
     buttonImageOnly: true,
     numberOfMonths:2,
     dateFormat: 'dd-mm-yy'
});

在某些时候，我想删除返回字段，我正在使用.remove（）方法。然后使用.after方法我再次将此字段添加到表单中。但是日期选择器功能不可用。

这很有意义，但我不知道如何将日期选择器重新分配给新创建的字段？

Answer 1

我相信你必须在重新添加后立即重新分配。

这样的事情：

$("#return").remove();

$("something").after(myReturnfield);

$("#return").datepicker(myDatepickerSettings);

Answer 2

再次添加字段后，您需要在字段

上调用.datepicker

Working Demo to demonstrate

关于演示的注意事项：由于添加按钮将添加id =“return”的文本输入，因此添加多个会使得附加日期选择器的输入变得混乱。

$("[where you're inserting]").after("<input id='return' type='text' />");

$('#return').datepicker({
     showOn: 'both',
     buttonImage: 'images/icon_calendar.gif',
     buttonImageOnly: true,
     numberOfMonths:2,
     dateFormat: 'dd-mm-yy'
    });

我建议只需要hiding输入，然后在需要时再次showing，而不是删除然后重新插入DOM。

jQuery UI DatePicker问题

2 个答案: