jquery ui Динамическое добавление датапикера ( datepicker, datetimepicker) выбора даты при создании элемента через JS

Если элемент на странице создаётся динамически (с помощью javascript), то добавьте к input класс:

datepicker_recurring_start

А в JS код страницы такой обработчик:

$('body').on('focus',".datepicker_recurring_start", function(){
	$(this).datepicker();
});

А если вам нужно чтобы выбиралось и время, то так:

    $('body').on('focus',"input.datepicker_recurring_start", function(){ // привязываем датапикер для динамически добавляемых элементов
       console.log('bind', researchIndex);
       $(this).removeClass('datepicker_recurring_start'); // класс идентификатор можно удалить
       $(this).datetimepicker();
    });

Откуда скачать datetimepicker

Можно исползовать этот плагин.
(метод datetimepicker() есть и в ряде плагинов jquery ui, например на офф сайте или тут).

Источники

Идея взята отсюда: https://stackoverflow.com/questions/10433154/putting-datepicker-on-dynamically-created-elements-jquery-jqueryui