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()}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?