不工作datepicker（引導）？

Question

將顯示在輸入日曆（日期選擇器（引導程序））中。 的問題是，在前者的情況下，它出現：

<input type="text" class="datepicker_goal" data-provide="datepicker" value="Period"> 

$('.modal-body input[data-provide="datepicker"]').datepicker(); 

但我有當您激活另一種形式的標籤，並添加創建一個模式窗口：

<input type="text" class="datepicker_goal_modal" data-provide="datepicker_modal" value="Period"> 

$('.modal-body input[data-provide="datepicker_modal"]').datepicker(); 

但在第二實施例中，日期選擇器未激活且日曆不可見。甚至衝突的東西關閉模態窗口。 告訴我我做錯了什麼，以及如何解決它？如何以所有字段模式形式顯示日曆？

Answer 1

這裏是工作Jsfiddle作爲參考。它具有附加到輸入字段的模式彈出和日期選擇器。 （ 「datepicker_goal_modal」）。

$('input[data-provide="datepicker"]').datepicker();  

// Append New Input field 
$("div.modal-body").append(" <input type=\"text\" class=\"datepicker_goal_modal\" data-provide=\"datepicker_modal\" placeholder=\"Period\">") 

// After appending, call datepicker on input field. 
$('.modal-body input[data-provide="datepicker_modal"]').datepicker(); 

Answer 2

$('body').on('focus', '.datepicker_goal_modal', function(){ 
    $(this).datepicker(); 
});​ 

這應該有效。它之所以不會出現的原因是因爲您是動態創建模式，而元素選擇器函數僅適用於首次加載頁面時存在的元素。