jquery - Twitter bootstrap 日期选择器克隆

Question

我使用漂亮的简单日期选择器来进行 twitter bootstrap http://www.eyecon.ro/bootstrap-datepicker/

<div class="input-append datepick">
    <input size="16" type="text">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

我尝试使用日期选择器克隆 div:

    $('#addButton').click(function() {

        var newStr = $("#makeList").find(".additem-block").last().clone(true).appendTo("#makeList");

        newStr.find(".datepick").each(function() {
            $(this).attr("id", "").removeData('datepicker').unbind();
            $(this).val('');
            $(this).datepicker();
       });
   });

当我单击日期选择器按钮时，它会在两个位置打开日期选择器 div:原始按钮上方和克隆按钮上方。

如何正确克隆它？

Answer 1

3个小时的实验得出结果:

newStr.find(".datepick").each(function() {
    $(this).attr("id", "").removeData().off();
    $(this).find('.add-on').removeData().off();
    $(this).find('input').removeData().off();
    $(this).datepicker();
});

不漂亮，但是有用。