2012-11-14 74 views
3

可能重复:
problem when cloning jQuery UI datepickerjQuery的日期选择器 - 克隆元素日期

我有一个问题与jQuery的datepicker。我有一个div,我克隆。 div包含一个附加了jQuery datepickerinput元素。

当我简单地克隆这个元素,然后datepicker不工作克隆的元素。为了解决这个问题,我必须从克隆的输入元素中删除hasDatepicker类,并重新初始化datepicker方法。

现在日期选择器显示了克隆的元素,但每当我选择一个日期,然后将日期被放置在“原始”输入字段,而不是打开该datepicker场...

任何人的任何想法我怎么能解决这个问题..?

这里有一个演示的问题是:http://jsfiddle.net/4VQkg/

简单地克隆元素,并尝试选择一个日期弗朗克隆input领域。您会看到数据不会被放置在所需的input字段中。

回答

4

试试这个,

演示:http://jsfiddle.net/4VQkg/3/

代码:

function initGui() 
{ 
    $('.date-iso8601').datepicker(); 
} 

$(function() { 
    initGui(); 

    $('.clone').click(function() { 
     var clone = $('.datepicker').clone(); 

     var cloneObj = clone.find('.date-iso8601'); 
     cloneObj.removeClass('hasDatepicker').removeAttr('id'); 

     clone.appendTo('.elements'); 


     $(cloneObj).datepicker(); 
    }); 
}); 
+1

已更新,更整洁 –

+1

感谢代码的伟大工程! – w00