Форма клонов с 2 датчиками

Question

Я пытаюсь клонировать форму с двумя разными полями texpicker. Я здесь ищу ответы, но могу найти что-то похожее на мое.

$(document).ready(function() {
$('#btnAdd').click(function() {

 var num = $('.clonedInput').length;    
 var newNum = new Number(num + 1);
 var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

 newElem.find('#label_cl label').attr('for' , 'label_cl' + newNum);
 newElem.find('#input_cl input').attr('id' , 'input_cl' + newNum);

 newElem.find('#label_cls label').attr('for' , 'label_cls' + newNum);
 newElem.find('#input_cls input').attr('id' , 'input_cls' + newNum);

$('#input' + num).after(newElem);
$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

Answer 1

Это не тот способ, которым вы инициализируете плагин datepicker.

$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

Измените его на

$('#input_cl' + newNum ).datepicker();
$('#input_cls' + newNum ).datepicker();

Вы должны вызвать плагин datepicker, чтобы он применил необходимое событиеобработчики на элементе ввода.

Answer 2

Вам также нужно создать новый ввод с помощью средства выбора даты, измените:

$('#input' + num).after(newElem);

до

newElem.insertAfter('#input' + num).datepicker;