如何克隆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，以便下一个日期选择器可以分配一个新的ID到输入:)

Answer 2

你应该destroy的datepicker为clone element一样，

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