Datepicker问题，动态添加文本框

在我的项目中，我有一个文本框为meetdate，我已经给这个文本框id = meetingdate1。如果你想添加更多的会议日期，那么有按钮。点击这个按钮后，新的文本框添加到以前的文本框，说meetingdate2，meetingdate3等......现在我想添加datepicker文本框而不是文本框，所以我用jQuery为此目的。其第一个文本框，其ID的工作= meetingdate1但在其他文本框，其ID = meetingdate2，ID = meetingdate3等没有得到日期选择器功能...Datepicker问题，动态添加文本框

jQuery代码是：

 $("#addButton").live("click", function() { 

     if(counter_ldates>10){ 
      alert("Only 10 dates allowed"); 
      return false; 
     } 

     var newTextBoxDiv = $(document.createElement('div')).attr("id", 'LdateDiv' + counter_ldates); 
      newTextBoxDiv.html('<label>Date #'+ counter_ldates + ' : </label>' + 
      '<input type="text" name="meetingdate' + counter_ldates + 
      '" id="meetingdate' + counter_ldates + 
      '" class="ldatestextbox" value="" style="width: 75px" >'); 

     newTextBoxDiv.appendTo("#LdatesGroup"); 

     counter_ldates++; 
     $('#ldates_cnt').attr('value', counter_ldates); 
    }); 
    $("#meetingdate1").datepicker(); 
$("#meetingdate2").datepicker(); 
$("#meetingdate3").datepicker(); 
$("#meetingdate4").datepicker(); 
$("#meetingdate5").datepicker();

我怎么能解决这个datepicker的问题？

来源

2012-02-07 Nilesh Tighare

尝试追加新的输入后初始化日期选择器：

newTextBoxDiv.appendTo("#LdatesGroup").find("input").datepicker();

你在做什么是试图初始化对元件造成的日期选择器不存在（还）。

来源

2012-02-07 06:32:19

很多人非常感谢Ates为解决问题和宝贵的帮助... – 2012-02-07 06:51:43

尝试这一个，我相信会工作。

newTextBoxDiv.appendTo("#LdatesGroup"); 
$('#meetingdate' + counter_ldates).datepicker(); 
counter_ldates++;

来源

2012-02-08 10:50:03

Datepicker问题，动态添加文本框

回答

相关问题