如何克隆jQuery Datepicker输入字段

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 :)