Question

我需要使用on语句克隆一个附加了datePicker的jQuery datepicker输入字段。

$('form').on('click', '.datepicker', function(){
         $(this).datepicker({'changeMonth': true, 'changeYear': true, 'dateFormat': 'MM dd', 'yearRange': "<?php echo date('Y') ?>:<?php echo date('Y') + 1 ?>"}).focus();
    });

然后在克隆输入字段之前，我正在使用

销毁日期选择器

$(".datepicker").datepicker('destroy').removeClass('hasDatepicker');

但是仍然附加到当时新克隆输入的日期选择器正在弄乱原始输入字段......

有人可以帮我解决这个问题吗？

Answer 1

试试这个

var $clone=$(".datepicker").clone();
$clone.datepicker("destroy");
$clone.removeAttr("id");
$clone.datepicker();
$('form').append($clone);

当你克隆一行时，它复制了每一件东西，当再次添加日期选择器时，它会通过id调用输入，你必须删除id，以便下一个datepicker可以为输入分配一个新的id：）

Answer 2

您应该destroy datepicker代表clone element，

var $clone=$(".datepicker").clone();
$clone.datepicker('destroy').removeClass('hasDatepicker');
$('form').append($clone);

如何克隆jQuery Datepicker输入字段

2 个答案: