Datepicker JQuery在JavaScript生成的字段

我將日期選擇器添加到動態生成的字段。Datepicker JQuery在JavaScript生成的字段

('#addScnt1').live('click', function() { 
$('<p class="textocampodetexto" style="margin-left:20px; margin-top:20px;"> 
<label for="p_scnts1"> <input id="au_fechainicioperiodo2" 
name="au_fechainicioperiodo2" type="text" size="7" 
value="" /> </p>').appendTo(scntDiv);

這些字段添加當我點擊一個「添加字段」按鈕。

當點擊生成的字段時，日期選取器不會出現。我知道datepicker正在工作，因爲我把代碼放在javascript代碼之外，它工作。

那我該怎麼做呢？

來源

2012-04-17 Francisco Ochoa

你在哪裏打電話.datepicker（）？ – Tuan 2012-04-17 19:18:04

請看這個答案，以幫助你自己。 http://stackoverflow.com/questions/1396536/jquery-datepicker-with-generated-dom-elements – 2012-04-17 19:19:01

您將不得不重新附加datepicker到您的輸入字段。

嘗試解決這裏找到：Why does jQuery UI's datepicker break with a dynamic DOM?

的代碼不等於你的，但如果你可以從你的選擇提取輸入字段，你可以做到這一點。

來源

2012-04-17 19:18:21 Gazillion

$('#addScnt1').live('click', function() { 
    var newElement = $('all your html'); //then append it wherever 

    newElement.find('.input-selector').datepicker(); 
});

來源

2012-04-17 19:18:41

您的代碼應該像這樣工作（LIVE DEMO）：

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

    $('<p class="textocampodetexto" style="margin-left:20px; margin-top:20px;"><label for="p_scnts1"> <input id="au_fechainicioperiodo2" name="au_fechainicioperiodo2" type="text" size="7" value="" /> </p>').appendTo(scntDiv); 
    $('#au_fechainicioperiodo2').datepicker(
    { 
     showOn: "both", 
     dateFormat: "dd M yy", 
     firstDay: 1, 
     changeFirstDay: false 
    }); 
    }); 
});

（注意：我假設變量scntDiv這是調用之前與DOM對象定義）

來源

2012-04-17 19:26:18

Datepicker JQuery在JavaScript生成的字段

回答

相關問題