多个表格行中的日期答案

【问题标题】：date in multiple table rows多个表格行中的日期
【发布时间】：2020-10-25 20:08:12
【问题描述】：

我试图在每次单击按钮时在新表格行中创建一个新日期，但它显示错误“document.getElementById("mydate"+no).innerHTML = day + "/" + month + "/ “+ year; is null”下面是所有代码的小提琴，以更好地理解我想要什么

function getmyDate(no) {
    d = new Date();
    year = d.getFullYear();
    month = d.getMonth() + 1;
    day = d.getDate();
    document.getElementById("mydate"+no).innerHTML = day + "/" + month + "/" + year;
    }

https://jsfiddle.net/9gc1y3bu/

【问题讨论】：

您没有将“no”参数传递给您的 getmyDate 函数，它是未定义的
这个错误是因为点击调用函数时你没有传递'no'参数的值。
您应该在此处而不是其他地方发布一个最小的、可重现的示例。

标签： javascript html date

【解决方案1】：

先去掉这里一起做的函数调用，只会调用add_row()。

<button id="btn" type="button" onclick="add_row();">

其次，在表中添加行后，调用getmyDate方法。

//ADD ROWS//
function add_row() {
  if (tbody.rows.length > 20) {
    return;
  }
  new_from = document.getElementById("new_from").value;
  new_to = document.getElementById("new_to").value;

  var table = document.getElementById("data_table");
  var table_len = table.rows.length - 1;
  var row = (table.insertRow(table_len).outerHTML =
    "<tr id='row" +
    table_len +
    "'><td id='serial" +
    table_len +
    "'></td><td id='mydate" +
    table_len +
    "'></td><td id='from" +
    table_len +
    "'>" +
    new_from +
    "</td><td id='to" +
    table_len +
    "'>" +
    new_to +
    "</td><td id='wage" +
    table_len +
    "'></td><td><i class='far fa-edit' id='editrow" +
    table_len +
    "' onclick='edit_row(" +
    table_len +
    ")'></i> <i class= 'far fa-save' id='saverow" +
    table_len +
    "' onclick='save_row(" +
    table_len +
    ")'></i><i class='far fa-trash-alt' onclick='delete_row(" +
    table_len +
    ")'></i></td></tr>");

  document.getElementById("new_from").value = "";
  document.getElementById("new_to").value = "";

 getmyDate(table_len); //======> here and pass the number

}

工作示例： https://jsfiddle.net/mrAhmedkhan/0def93vt/

【讨论】：

非常感谢，我知道这很简单，但找不到它