jQuery UI的DatePicker的問題

Question

我有2個輸入字段，我使用它與一個datepicker這樣

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

在某些時候，我想刪除返回現場，我與卸下襬臂做（）方法。然後使用.after方法，我再次將該字段添加到表單中。但datepicker功能不可用。

它是有道理的，但我不知道如何重新分配日期選擇器到新創建的字段？

Answer 1

再次添加字段後，你需要調用.datepicker場上

Working Demo to demonstrate

注，試用：由於添加按鈕將添加一個id =「return」的文本輸入，添加多個將會混淆datepicker所連接的輸入。

$("[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);