如何在JavaScript注册表单中添加注册日期记录功能？

我来帮你搞定这个需求，你只需要做两个关键调整就能实现功能：新增日期对应的表格单元格，以及获取并格式化当前注册日期。下面是修改后的完整代码和详细说明：

步骤1：修复代码中的缺失部分 #

你的原有代码里没有创建用于存放日期的第5个单元格，也没有定义日期变量，我们先补上这些内容：

修改后的addHtmlTableRow函数：

function addHtmlTableRow() {
  var table = document.getElementById("table");
  var newRow = table.insertRow(table.length);
  
  // 创建包含日期列在内的所有单元格
  var cell1 = newRow.insertCell(0);
  var cell2 = newRow.insertCell(1);
  var cell3 = newRow.insertCell(2);
  var cell4 = newRow.insertCell(3);
  var cell5 = newRow.insertCell(4); // 新增日期单元格
  
  // 获取表单输入值
  var name = document.getElementById("name").value;
  var surname = document.getElementById("surname").value;
  var email = document.getElementById("email").value;
  var password = document.getElementById("password").value;
  
  // 获取并格式化当前日期（转为友好的显示格式）
  var now = new Date();
  var formattedDate = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`;
  
  // 为每个单元格赋值
  cell1.innerHTML = name;
  cell2.innerHTML = surname;
  cell3.innerHTML = email;
  cell4.innerHTML = password;
  cell5.innerHTML = formattedDate; // 插入格式化后的日期
}

额外优化提示 #

为了让表格结构更完整，建议你在HTML的表格表头里也添加对应的注册日期列，比如：

<thead>
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Email</th>
    <th>Password</th>
    <th>Registration Date</th> <!-- 新增表头项 -->
  </tr>
</thead>

如果不需要精确到分钟，你可以去掉时间部分，只保留年月日的格式。

内容的提问来源于stack exchange，提问作者Ömer Doğan