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生成的字段

回答

相关问题