動態添加標籤無法正確使用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

您需要在生成的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 
}));