如何按日期对 ant 表列进行排序？

Question

I would like to sortantd table by a Date column.

Trying to sort like sorter: (a, b) => new Date(a) - new Date(b)

What I've been doing so far here and failed to solve it.

Answer 1

Try this one. This will automatically sort by date ASC to DESC, DESC to ASC as you click the column header. You need to install moment

imports:

import moment from 'moment';

Sorter:

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

Answer 2

a , b are table records, so you need 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

{

title: 'Date',

dataIndex: 'date',

key: 'date',

//if you want to compare dates with in hours or minutes or seconds difference

sorter: (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime() }

Answer 4

check date format "DD-MM-YYYY" REPLACE FORMAT IN SORTER ACCORDING TO YOURS

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

Answer 5

based on what I have seen and it works for me this is my solution:

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

but it would be better if you could do it sorting from backend API instead of just handle it in Front side.

I hope my solution will be useful