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 для поля

Рабочая демонстрация для демонстрации

Примечание о демонстрации: поскольку кнопки добавления будут добавлять текстовый ввод с 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.

Answer 2

Полагаю, вам нужно переназначить сразу после повторного добавления.

Примерно так:

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

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

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