克隆日期选择器对象[JQuery]

将其更改为:

$('.calendar:last').clone(false).removeClass('hasDatepicker').insertAfter('.calendar:last').datepicker();

糟糕的是,我不能再对上面给出的答案发表评论了,但代码仍然错误!日期选择器显示在克隆的输入元素处,但在原始输入字段中使用选定的日期值,并将克隆的输入字段保留为空。。有什么建议吗?

编辑:

使用以下代码为我修复了它。。

$('.datum',clone).removeClass("hasDatepicker").attr('id',"").datepicker();

按照上面的建议删除类之后,我还删除了克隆输入元素的id。它与原始字段相同,因此我使用datepicker框中选定的日期更新原始输入字段。

之前:

 $('#clone').click(function()
 {
  $('.calendar:last').clone().append().insertAfter('.calendar:last');
 });

之后:

 $('#clone').click(function()
 {
  $('.calendar:last').clone().append().insertAfter('.calendar:last').attr('id',"");
 });

首先,是什么导致了问题: JQuery将datepicker分配给元素id。若要克隆元素,那个么也可以克隆相同的id。jQuery不喜欢哪个。无论单击哪个输入字段,都可能会收到空引用错误或将日期分配给第一个输入字段。

解决方案:

2) 将新的唯一ID分配给所有输入字段 3) 为每个输入分配日期选择器

<input type="text" name="ndate[]" id="date1" class="n1datepicker">

在克隆之前,请销毁日期选择器

$('.n1datepicker').datepicker('destroy');

克隆后,还要添加这些行

var i = 0;
$('.n1datepicker').each(function () {
    $(this).attr("id",'date' + i).datepicker();
    i++;
});

奇迹发生了