javascript - 日期在 mui 数据表中未正确排序

Question

我有由 momentjs 制作和格式化的日期，例如（“2020 年 2 月 22 日星期六 12:55 PM”）我从 Firestore 中读取它们，当我首先对它们进行降序排序时，它们似乎很好。

forms.sort(function(left, right) {
  return moment.utc(left.timeIn).diff(moment.utc(right.timeIn));
});

然后我做一个console.log 来检查那里的所有东西并正确排序。

接下来，我将它们传递给包含 mui 数据表的记录表组件。在这一点上，问题开始发生。

{
  forms.length > 0 ? (
    <RecordTable forms={forms} />
  ) : (
    <div>
      <h2>No Records</h2>
    </div>
  )
}

1. 它们不会显示在屏幕上，按最新日期降序排列。

   {
     name: "timeIn",
     label: "Time In",
     options: {
       sortDirection: "desc",
       searchable: false
     }
   },
   

2. 由于某种原因可能是我的错，即使只有 75 条记录，传递到 mui-datatable 的值也会出现 100 次。我可以通过首先在子组件中执行控制台日志，然后在具有 customBody Render 的列之一上的 mui-datatables 中执行另一个 console.log 来看到这一点。

我真的不确定我在这里做错了什么，因为日期是在传递给 mui-datatables 之前排序的，并且从父组件中的控制台日志中，只打印出 75 条记录，而不是 mui-data 表中的数百条记录控制台日志

Answer 1

尝试为“YYYY-MM-DD”的日期指定格式