jQuery UI DatePicker 问题

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

再次添加字段后，需要对该字段调用.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。

Answer 2

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

类似这样的：

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

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

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