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, я снова добавляю это поле в форму. Но функция 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);