3

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

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

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

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

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

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

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

4

1 回答 1

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();
    });
});
于 2012-11-14T14:54:36.613 回答