动态创建的HTML表行的Javascript日期比较

// 创建一个包含日期的表格数据
var tableData = [
  { name: "John", date: new Date("2022-01-01") },
  { name: "Jane", date: new Date("2022-02-01") },
  { name: "Bob", date: new Date("2022-03-01") }
];

// 创建表格元素
var table = document.createElement("table");

// 创建表头
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
var nameHeader = document.createElement("th");
nameHeader.textContent = "Name";
var dateHeader = document.createElement("th");
dateHeader.textContent = "Date";
headerRow.appendChild(nameHeader);
headerRow.appendChild(dateHeader);
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格内容
var tbody = document.createElement("tbody");
for (var i = 0; i < tableData.length; i++) {
  var row = document.createElement("tr");
  var nameCell = document.createElement("td");
  nameCell.textContent = tableData[i].name;
  var dateCell = document.createElement("td");
  dateCell.textContent = tableData[i].date.toDateString();
  row.appendChild(nameCell);
  row.appendChild(dateCell);
  tbody.appendChild(row);
}
table.appendChild(tbody);

// 将表格添加到页面中
document.body.appendChild(table);

// 比较日期
var firstDate = tableData[0].date;
var secondDate = tableData[1].date;

if (firstDate < secondDate) {
  console.log("第一个日期较早");
} else if (firstDate > secondDate) {
  console.log("第一个日期较晚");
} else {
  console.log("两个日期相同");
}