Question

我正在尝试为动态添加的每个文本框访问datepicker（）。这是我的代码：

  <div id="parent">
     Date: <input type="text" class="datepicker"><input type="button"value="Add"  id="btn"> 
  </div>





 $(function() {
$( ".datepicker" ).datepicker();
 });

  $(document).ready(function () {

    $("#btn").click(
        function () {
            AlertSave();
        }            
    );
});

  function AlertSave() {
  var textBox = document.createElement("input");
  textBox.setAttribute("class","datepicker");
document.getElementById("parent").appendChild(textBox);


   }

但我的问题是，第一个texbox显示了datepicker。但是新添加的文本字段显示了datepicker。我的代码出了什么问题？

小提琴：https://jsfiddle.net/nguc6y4L/

Answer 1

您只需在添加新元素后初始化datepicker。添加新文本框后，只需添加$( ".datepicker" ).datepicker();即可。它会起作用。

检查：https://jsfiddle.net/koqppkuf/

动态添加文本框的Datepicker

1 个答案: