動的に追加されたタグがdatepickerで正しく動作しない

Question

ビューに動的タグを追加しようとしました。私はdatetimepickerとしてjqueryのプラグインを使用したいと思います。 （http://xdsoft.net/jqplugins/datetimepicker/） これは機能しません。

//$("#timeseriesDate" + i + "").datetimepicker({ 
// timepicker: false, 
// format: 'Y/m/d', 
// formatDate: 'Y/m/d' 
//}); 

function create() { 
    var startDate = new Date($('#date1').val()); 
    var endDate = new Date($('#date2').val()); 
    var diff = datediff(startDate, endDate); 
    $("#matrixtimeseries").empty(); 
    $("#matrixtimeseries").append('<div>'); 
    for (i = 0; i < diff; i++) { 
     $("#matrixtimeseries").append('<input class="timeseries-red date" type="text" name=timeseriesDate' + i + 'id=timeseriesDate' + i + '"/>'); 
     //$("#timeseriesDate" + i + "").datetimepicker({ 
     // timepicker: false, 
     // format: 'Y/m/d', 
     // formatDate: 'Y/m/d' 
     //}); 
     for (var ii = 0; ii < 24; ii++) { 
      $("#matrixtimeseries").append('<input class="timeseries-red" type="text" name=hourseries' + i + ii + 'id=hourseries' + i + ii + '" />'); 
     } 
     $("#matrixtimeseries").append('<br/>'); 
    }; 
    $("#matrixtimeseries").append('</div>'); 
} 

Answer 1

あなたは、生成されたHTMLでnameとidの間にスペースが必要です。

$("#matrixtimeseries").append('<input class="timeseries-red date" type="text" name=timeseriesDate' + i + ' id=timeseriesDate' + i + '"/>'); 
                             ^

あなたのHTMLは次の属性i=1た：name=timeseriesDate1id=timeseriesDate1

をそれとも、HTMLを生成するのではなく、オブジェクト指向のアプローチを使用することができます。

$("#matrixtimeseries").append($("<input>", 
    "class": "timeseries-red date", 
    "type": "text", 
    "name": "timeseriesDate" + i, 
    "id": "timeseriesDate" + i 
}));