Динамически добавленный тег работает неправильно с datepicker

Question

Я пытаюсь добавить динамический тег в виде. Я хочу использовать плагин jquery как datetimepicker. (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

Вам нужно пространство между name и id в сгенерированной HTML.

$("#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 
}));