Jquery UI Datepicker no funciona después del elemento clone

Tengo un problema con la clonación de un elemento, el jQuery UI DatePicker no funciona después de clonar el elemento. Enlace a ejemplo: http://jsfiddle.net/V25qA/1/ .

No se pueden (de forma segura) clonar los widgets de jQuery; tienen un estado que puede que no se copie.

Debe llamar a .datepicker('destroy') en el elemento anterior antes de clonarlo, y luego llamar a .datepicker() nuevamente en el elemento de entrada clonado para reinicializarlo.

Parece que funciona bien para mí también en la ópera.

En tales casos, intente delegar el evento si desea que este evento de clic funcione para los elementos recién creados.

 $('form').live('click', '.dpicker', function(){ alert('clicked') $(this).datepicker().focus(); }); 

También te sugiero que uses .on () en lugar de .live (), ya que .live está en desuso a partir de la versión 1.7 de jquery.

MANIFESTACIÓN

Cambia la siguiente linea

 $('.dpicker').eq(0).clone().prependTo('#new'); 

a

 $('.dpicker').eq(0).clone().removeClass("hasDatepicker").prependTo('#new'); 

Entonces funcionará.

Datepicker asigna la clase ‘hasdatepicker’ a un elemento cuando este elemento está habilitado para datepicker a través de .datepicker(); . Si clonas este elemento, también clonas sus atributos. Esta es la razón por la cual el complemento datepicker no hace nada cuando llama a .datepicker(); . Si elimina esta clase, el datepicker funcionará como se esperaba en el nuevo elemento.