react使用antd实现表格的时间排序

复制代码
import React from 'react';
import { Table } from 'antd';
import moment from 'moment';
 
const data = [
  {
    key: '1',
    date: '2018-01-11T12:00:00Z',
  },
  {
    key: '2',
    date: '2019-01-11T12:00:00Z',
  },
  // ...更多数据
];
 
const columns = [
  {
    title: 'Date',
    dataIndex: 'date',
    key: 'date',
    sorter: (a, b) => moment(a.date).valueOf() - moment(b.date).valueOf(),
    sortDirections: ['descend', 'ascend'],
  },
  // ...其他列
];
 
const App = () => {
  const [sortedInfo, setSortedInfo] = React.useState(null);
 
  const onChange = (pagination, filters, sorter) => {
    setSortedInfo(sorter);
  };
 
  return (
    <Table
      columns={columns}
      dataSource={data}
      onChange={onChange}
      sortDirections={['ascend', 'descend']}
      defaultSortedInfo={sortedInfo}
    />
  );
};
 
export default App;
复制代码

  sorter={(a, b) => moment(a.created).valueOf() - moment(b.created).valueOf()}

posted @   nnc  阅读(37)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示