jQuery datepicker - 克隆元素上的日期

Question

  

可能重复：
  problem when cloning jQuery UI datepicker

我遇到了jQuery datepicker的问题。我有一个div克隆。 div包含附加了jQuery input的{​​{1}}元素。

当我简单地克隆这个元素时，datepicker不能处理克隆元素。要解决此问题，我必须从克隆的输入元素中删除datepicker类，然后重新初始化hasDatepicker方法。

现在，datepicker显示在克隆元素上，但每当我选择一个日期时，日期就会被放置在“原始”输入字段中，而不是打开datepicker的字段...

任何人都知道如何解决这个问题..？

以下是一个演示问题：http://jsfiddle.net/4VQkg/

只需克隆元素并尝试从克隆的datepicker字段中选择一个日期。您会看到数据不会放在所需的input字段中。

Answer 1

试试这个，

演示：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();
    });
});