使用Moment.js对DataTable按日期降序排序求助

嘿，作为JavaScript新手遇到排序卡壳太正常啦！别慌，我来一步步教你实现表格按日期降序排序的功能～

首先，咱们得明确核心思路：把表格里的数据行取出来，按照日期列的值进行排序，再重新放回表格里。我先给你一个通用的实现方案，你可以根据自己的表格结构调整细节。

假设你的表格结构大概是这样（你可以对应自己的实际结构修改） #

<table id="targetTable">
  <thead>
    <tr>
      <th>日期</th>
      <th>其他内容</th>
    </tr>
  </thead>
  <tbody>
    <tr><td>2023-04-20</td><td>活动X</td></tr>
    <tr><td>2024-01-12</td><td>活动Y</td></tr>
    <tr><td>2022-09-05</td><td>活动Z</td></tr>
  </tbody>
</table>

实现日期降序排序的JavaScript代码 #

// 1. 获取表格的tbody元素（所有数据行都在这里）
const tableBody = document.querySelector('#targetTable tbody');
// 2. 把tbody里的行转换成数组（方便使用sort方法）
const dataRows = Array.from(tableBody.querySelectorAll('tr'));

// 3. 对行数组进行排序：按日期降序
dataRows.sort((rowA, rowB) => {
  // 注意：这里的cells[0]要改成你实际的日期列索引（从0开始计数）
  const dateTextA = rowA.cells[0].textContent.trim();
  const dateTextB = rowB.cells[0].textContent.trim();
  
  // 把日期文本转换成Date对象，这样就能直接比较时间戳了
  const dateA = new Date(dateTextA);
  const dateB = new Date(dateTextB);
  
  // 降序排序：用后面的日期减前面的，返回正数/负数/0来控制顺序
  return dateB - dateA;
});

// 4. 清空原来的tbody，把排序后的行重新加回去
tableBody.innerHTML = '';
dataRows.forEach(row => tableBody.appendChild(row));

你可能需要注意的细节 #

• 列索引调整：如果你的日期列不是表格的第一列（比如在第3列），记得把cells[0]改成cells[2]（索引从0开始）。
• 日期格式兼容：如果你的日期文本不是YYYY-MM-DD这种标准格式（比如是MM/DD/YYYY或者中文格式2024年2月15日），需要先把它转换成Date能识别的格式。举个例子，如果是MM/DD/YYYY，可以这样处理：

  // 把MM/DD/YYYY转换成YYYY-MM-DD
  const formatDate = (text) => {
    const [month, day, year] = text.split('/');
    return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
  };
  // 然后在排序里用：
  const dateA = new Date(formatDate(dateTextA));
  

• 和你现有脚本结合：如果你的初始脚本是做位置相关的时间转换，确保转换后的日期最终是标准格式，这样上面的排序逻辑就能直接用啦～

如果还有具体的表格结构或者日期格式问题，可以把你的实际代码片段贴出来，我再帮你调整！

内容的提问来源于stack exchange，提问作者Malbora Roci