javascript - 動的テキストボックスの日付ピッカー

Question

JavaScriptでテキストボックスを動的に作成しました。問題は動的に作成されたテキストボックスにあります。JavaScriptが初めてなので、datepickerを使用する必要があります

親切に助けてくれてありがとう

    row_no4=0;
    var index=1;
     function addRow_otherschsp(tbl4,row5){
    var textbox3a = '<input type=\"text\" size = \"10\" maxlength= \"10\" name=\"othrFA3'+tick+'\" id=\"othrFA3'+tick+'\" placeholder=\"dd/mm/yyyy\"  >';          

    var newRow = tbl4.insertRow(row_no4);   
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = label3;
    var newCell = newRow.insertCell(1);
    newCell.innerHTML = "From&nbsp;&nbsp;"+textbox3a+ "To&nbsp;&`enter code here`nbsp;"+ textbox3b;     
    row_no4++;
}

Answer 1

$(function (){
$('body').on('focus',".mydatepickers", function(){
            $(this).datepicker();
        }); 
});

Answer 2

datepicker コントロールを使用する場合は、必要な jQuery ファイルを追加する必要があります。

jQuery Datepicker documentationに記載されているように、datepicker のすべての依存関係を追加します。

その後、次のようにjQueryのdatepickerメソッドでテキストボックスを巻き上げます：

$(function(){
 $('input[name="othrFA3*"]').datepicker();
});

または、動的に生成された入力要素に id 属性を追加できます

IDを次のように言ってください：datepicker

今あなたのjavascriptは

$(function(){
     $(#datepicker').datepicker();
    });