jquery - 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

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

像这样的东西：

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

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

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

Answer 2

再次添加字段后，需要在字段上调用 ​​.datepicker

工作演示来演示

关于演示的注意事项：由于添加按钮将添加一个带有 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'
    });

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