Twitter bootstrap клонинг на инструмент за избор на дата

Използвам хубав прост избор на дата за 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 за избор на дата на две места: над оригиналния бутон и над клонирания бутон.

Как да го клонирам правилно?


datepicker jquery twitter-bootstrap clone
person memtew    schedule 17.08.2012    source източник

Отговори (1)


arrow_upward
8
arrow_downward

3 часа експерименти дадоха резултат:

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

Не е красиво, но работи.

person memtew    schedule 17.08.2012
comment
ти ме спаси :) изобщо не можах да разбера това след няколко часа..после попаднах на твоето решение..благодаря - person iambdot; 12.03.2015
comment
Благодаря за моменталното решение - person ASIK RAJA A; 19.10.2017