jQuery datepicker - 克隆元素上的日期[重复]

Question

可能重复：
problem when cloning jQuery UI datepicker

我对 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();
    });
});