Question

我正在尝试使用datepicker克隆带有两个不同texfield的表单。我一直在这里寻找答案，但可以找到像我一样的东西。

$(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

您还需要使用日期选择器实例化新输入，更改：

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

到

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

Answer 2

这不是初始化datepicker插件的方式。

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

将其更改为

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

您必须调用datepicker插件，以便在输入元素上应用必要的事件处理程序。

克隆形式与2 datepickers

2 个答案: