如何克隆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);