Выбор даты не работает с динамически добавленным HTML-элементом

Question

Средство выбора даты не работает с моим динамически добавленным полем ввода html-таблицы.Я использую clone функцию для создания динамического поля.

Если родитель имеет значение, средство выбора даты не работает, но оно работает, если родительский объект пуст.или иногда работает, иногда нет.ведет себя как-то странно :(

Что я делаю неправильно, может ли кто-нибудь помочь мне с этим? Заранее спасибо

Я использую jquery-ui DatePicker

Здесьмоя скрипка

$('body').on('focus',".datepicker", function(){
    $(this).datepicker({
        dateFormat: "dd/mm/yy",
        changeMonth: true,
        changeYear: true,
        yearRange: '1930:-14',
    });
});

Answer 1

Проблема с вашим кодом в том, что когда вы клонируете ввод из вышеприведенных строк, у него будет клон и класс hasDatepicker, который сломает его.

Чтобы проверить это, просто неСфокусируйте ввод и добавьте дополнительную строку и сфокусируйте ввод второй строки, и она будет работать.

Вот решение этой проблемы.

                $('body').on('focus',".datepicker", function(){
                $(this).datepicker({ //Change this line here

до

                $('body').on('focus',".datepicker", function(){
                $(this).removeClass('hasDatepicker').datepicker({ //Change this line here

Сначала будут сброшены входные данные, а затем инициализирован указатель даты