jquery - jQuery datepicker - 克隆元素上的日期

Question

可能重复：
克隆 jQuery UI 日期选择器时出现问题

我对 jQuery 有疑问datepicker。我有一个div我克隆的。它div包含一个附加input了 jQuery 的元素。datepicker

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

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

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

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

只需克隆元素并尝试从克隆的input字段中选择一个日期。您会看到数据不会放在所需的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();
    });
});