2012-08-17 70 views
3

我用好簡單的日期選擇爲Twitter的引導http://www.eyecon.ro/bootstrap-datepicker/Twitter的引導日期選擇器克隆

<div class="input-append datepick"> 
    <input size="16" type="text"> 
    <span class="add-on"><i class="icon-th"></i></span> 
</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地點:在原始按鈕上方並克隆按鈕。

如何正確克隆它?

回答

8

3小時的實驗產生的結果是:

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

不漂亮,但作品。

+0

你救了我:)幾個小時之後根本找不到這個......然後我遇到你的解決方案..感謝 – iambdot 2015-03-12 07:00:06

+0

感謝您的即時解決 – 2017-10-19 13:11:50

+0

如何使用datepicker啓用克隆對象上附加的事件??? – 2017-10-19 13:12:28