HTML表格 点击按钮新增一行 在其中一个单元格插入日期选择

要在 HTML 表格中新增一行并在其中一个单元格中插入日期选择器，您可以使用 JavaScript。以下是一个示例代码：

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>出生日期</th>
  </tr>
  <tr>
    <td>张三</td>
    <td><input type="date"></td>
  </tr>
  <tr>
    <td>李四</td>
    <td><input type="date"></td>
  </tr>
</table>

<button onclick="addRow()">新增一行</button>

<script>
function addRow() {
  var table = document.getElementById("myTable"); // 获取表格
  var row = table.insertRow(table.rows.length); // 在表格末尾插入一行
  var cell1 = row.insertCell(0); // 插入第一个单元格
  var cell2 = row.insertCell(1); // 插入第二个单元格
  cell1.innerHTML = "<input type='text'>"; // 在第一个单元格中插入一个文本框
  cell2.innerHTML = "<input type='date'>"; // 在第二个单元格中插入一个日期选择器
}
</script>

当您点击“新增一行”按钮时，会在表格末尾添加一行，并在第二个单元格中插入一个日期选择器。您可以根据需要对代码进行调整。