動的に追加されたテキストボックスのDatePicker

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が表示されません。私のコードに何が問題なのですか？

フィドル：https://jsfiddle.net/nguc6y4L/

Answer 1

は、あなただけの新しい要素を追加した後に日付ピッカーを初期化する必要があります。 新しいテキストボックスを追加した後にちょうど$(".datepicker").datepicker();を追加してください。それが動作します。 。。

チェック：;：HTTP https://jsfiddle.net/koqppkuf/