reactjs - 如何为“MM-DD-YYYY”（07-22-2021）等日期格式覆盖 React-Table 默认排序？

Question

const columns = [
            {
                Header: 'Last Login',
                accessor: 'lastLogin',
                disableFilters: true,
                Cell: row => <div style={{ textAlign: "left" }}>{row.value}</div>,
            }
]

对于默认排序，它只考虑日期

前任 ：

让日期 = ["07-12-2020","11-05-2020","09-14-2021"]

默认排序后 = ["07-12-2020","09-14-2021","11-05-2020"]

它应该是 = ["11-05-2020","07-12-2020","09-14-2021"]

标签： reactjssortingreact-table

Answer 1

只需使用：

sortType: (a, b) => {
  return new Date(b.values.lastLogin) - new Date(a.values.lastLogin);
}

然后就像

const columns = [
            {
                Header: 'Last Login',
                accessor: 'lastLogin',
                disableFilters: true,
                sortType: (a, b) => {
                  return new Date(b.values.lastLogin) - new Date(a.values.lastLogin);
                }
                Cell: row => <div style={{ textAlign: "left" }}>{row.value}</div>,
            }
]