jquery - 克隆 jQuery UI 日期选择器时出现问题

Question

我有一个 div，其中有一个日期选择器。我用这样的东西来克隆它:

mydiv = $('#someDiv');

// works fine so far
mydiv.find('input.datefield').datepicker();

// clone without the events and insert
newDiv = myDiv.clone(false).insertAfter(myDiv);

// datepicker won't re-init if this class is present
newDiv.find('.hadDatepicker').removeClass('hadDatepicker');

// reinitialize datepicker
newDiv.find('input.datefield').datepicker();

这是我的代码的精简版本。它可以工作，并且日历会按预期显示在预期的位置..但是当单击日期时，上一个日期选择器的值会更新..(克隆它的那个值)。

我之前尝试过像这样销毁(不存在的)实例:

newDiv.find('input.datefield').datepicker('destroy').datepicker();

运气不好..

我检查了它如何跟踪实例并手动清除数据，如下所示:

newDiv.find('input.datefield').data('datepicker', false).datepicker('destroy').datepicker();

还是没有运气。

我不明白的是，只有日期选择行为有问题，其他一切都按预期工作。

我真的不知道现在还要检查什么..

Answer 1

这对我来说适用于 jQuery UI 1.7.2

var mydiv = $('#someDiv');
mydiv.find('input.datefield').datepicker();
var newDiv = mydiv.clone(false).attr("id", "someDiv2").insertAfter(mydiv);
newDiv.find('input.datefield')
  .attr("id", "")
  .removeClass('hasDatepicker')
  .removeData('datepicker')
  .unbind()
  .datepicker();

检查http://jsbin.com/ahoqa3/2快速演示

顺便说一句。您的问题代码中似乎有不同的错误。 css 类是 hasDatepicker 而不是 hadDatepicker 并且一次你写了 mydiv ，下一次变量是 myDiv这是不一样的。