在日期范围内创建的每一行插入日期，从startDate开始，递增到结束日期

Insert date per row created within the date range beginning from startDate incrementing upto end date

本文关键字：日期 startDate 开始 结束 插入 创建 范围内 一行      更新时间：2023-09-26

我已经成功创建了一个表，它的行将根据开始日期和结束日期之间的天数生成。这是代码

var tabled = document.getElementById("table_data");
var newRowContent = '<tr><td></td><td><input type="text" name="date" id="date" class="numbersOnly" onchange="vdateRange()" placeholder=""/></td><td><input type="text" name="reading1" class="numbersOnly" onkeypress="validate(event)" /></td><td><input type="text" name="reading2" class="numbersOnly" onkeypress="validate(event)" /></td><td><input type="text" name="reading3" class="numbersOnly" onkeypress="validate(event)" /></td><td><input type="text" name="remark"/></td></tr>';
            //<button type="button" name="delete_row" class="glyphicon glyphicon-remove-sign" onclick="deleteRow(this)"></button> #delete button
            //rows = table.insertRow(z);
             if (tabled.rows.length > 0) {
                $("#table_data tbody tr").remove(); 
                for(i = 0; i < z+1; i++){   
                    $('#table_data > tbody').append(newRowContent);
                }

我希望能够从开始日期开始插入日期值，随着行生成到结束日期自动递增，请帮助

请看下面我的解决方案，希望我已经理解了您的要求。代码将currentDate定义为今天，并将其添加到每一行的第一个表单元格中，并按日递增。我希望这对你有帮助。(注意:我已经注释掉了几行来帮助我测试)

var tabled = document.getElementById("table_data");
var newRowContent = '';
            
//<button type="button" name="delete_row" class="glyphicon glyphicon-remove-sign" onclick="deleteRow(this)"></button> #delete button
//rows = table.insertRow(z);
var currentDate = new Date();
//if (tabled.rows.length > 0) {
   $("#table_data tbody tr").remove(); 
   for(i = 0; i < 5; i++){   
     var nextDate = new Date(currentDate);
     nextDate.setDate(currentDate.getDate()+1);
     newRowContent = '<tr><td>' + nextDate + '</td><td><input type="text" name="date" id="date" class="numbersOnly" onchange="vdateRange()" placeholder=""/></td><td><input type="text" name="reading1" class="numbersOnly" onkeypress="validate(event)" /></td><td><input type="text" name="reading2" class="numbersOnly" onkeypress="validate(event)" /></td><td><input type="text" name="reading3" class="numbersOnly" onkeypress="validate(event)" /></td><td><input   type="text" name="remark"/></td></tr>';
     $('#table_data tbody').append(newRowContent);
     currentDate = nextDate;
    }
//}

相关文章：