如何按日期對 ant 表列進行排序？

Question

我想按Date列對antd 表進行排序。

嘗試像排序sorter: (a, b) => new Date(a) - new Date(b)

到目前為止，我一直在做什么，但未能解決。

Answer 1

試試這個。 當您單擊列標題時，這將自動按日期 ASC 到 DESC、DESC 到 ASC 進行排序。 你需要安裝時刻

進口：

import moment from 'moment';

分揀機：

sorter: (a, b) => moment(a.date).unix() - moment(b.date).unix()

Answer 2

a , b是表記錄，所以你需要new Date(a.date) - new Date(b.date) ：

{
  title: 'Date',
  dataIndex: 'date',
  key: 'date',
  sorter: (a, b) => new Date(a.date) - new Date(b.date)
}

Answer 3

{

標題：'日期'，

數據索引：'日期'，

鍵：'日期'，

//如果你想比較日期與小時或分鍾或秒的差異

排序器：(a, b) => 新日期(a.date).getTime() - 新日期(b.date).getTime() }

Answer 4

檢查日期格式“DD-MM-YYYY”根據您的排序替換格式

  {title: "Date",
  dataIndex: "Date",
  sorter: {
    compare: (a, b) =>
      moment(a.Date, "DD-MM-YYYY") - moment(b.Date, "DD-MM-YYYY"),
  },}

Answer 5

根據我所見，它對我有用，這是我的解決方案：

  sorter: {
    compare: (a, b) => {
      a = a.created_date.toLowerCase()
      b = b.created_date.toLowerCase()
      return a > b ? -1 : b > a ? 1 : 0
    },
  },

但如果你能從后端 API 排序而不是只在前端處理它會更好。

我希望我的解決方案有用