動態添加的標簽無法與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 + '"/>');
                                                                                                          ^

當i=1時，您的HTML具有以下屬性： name=timeseriesDate1id=timeseriesDate1

或者，您可以使用面向對象的方法來代替生成HTML。

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