Как клонировать поле ввода даты ввода jQuery

Question

Мне нужно клонировать поле ввода датпикера jQuery, приложенное к нему datePicker с помощью оператора on.

$('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").datepicker('destroy').removeClass('hasDatepicker'); 

Но до сих пор DatePicker, который прикреплен к затем вновь клонированной вход баловаться с оригинальным полем ввода ...

Может кто-нибудь, пожалуйста, помогите мне по этой теме?

Answer 1

попробовать это

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

когда вы клонировать строку он копирует каждую вещь, и когда выбор даты снова добавил он вызывает вход по id, вы должны удалить идентификатор так, чтобы следующий datepicker мог назначить новый идентификатор на вход :)

Answer 2

Вы должны destroy в datepicker для clone element как,

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