Antd表格，如何按照包含完整时间戳的日期进行排序？
创始人
2024-11-07 10:30:35
0次

在Antd表格中，如果要按照包含完整时间戳的日期进行排序，可以使用sorter属性来自定义排序规则。

首先，确保你的表格列中包含了完整的时间戳，例如：

const dataSource = [
  {
    id: 1,
    name: 'John',
    timestamp: 1598918399000 // 完整时间戳
  },
  // 其他数据...
];

然后，在表格的列配置中，找到需要进行排序的列，使用sorter属性指定一个自定义的排序函数。例如，我们可以使用moment库来处理时间戳，并比较它们的值：

import { Table } from 'antd';
import moment from 'moment';

const columns = [
  {
    title: 'ID',
    dataIndex: 'id',
    key: 'id',
  },
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '时间戳',
    dataIndex: 'timestamp',
    key: 'timestamp',
    sorter: (a, b) => moment(a.timestamp).unix() - moment(b.timestamp).unix(), // 自定义排序函数
    // sorter: (a, b) => a.timestamp - b.timestamp, // 如果时间戳是数字类型，可以直接比较大小
    // sorter: (a, b) => new Date(a.timestamp) - new Date(b.timestamp), // 如果时间戳是字符串类型，可以使用new Date()进行转换并比较
  },
];

const ExampleTable = () => {
  return ;
};

通过使用moment库，我们将时间戳转换为Unix时间，然后使用Unix时间进行比较。你也可以根据你的具体需求进行自定义排序函数的实现。
最后，将dataSource和columns配置传递给Antd的Table组件，就可以在表格中按照包含完整时间戳的日期进行排序了。

                
                            

                

                    上一篇：AntD表格自定义过滤功能在react版本15.4.2中不起作用。

                

                

                    下一篇：Antd表格：如何使用列表中的对象渲染表格。                

            

                
                
相关内容

                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        分享透视！pokemmo脚本最...
                        分享透视！pokemmo脚本最新版，xpoker怎么作必弊，妙招教程（有挂功能）-哔哩哔哩1、该软件...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        专业透视!红龙poker辅助平...
                        专业透视!红龙poker辅助平台!本来是有辅助神器(有挂分析)-哔哩哔哩1、完成红龙poker辅助平...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        开挂透视！hhpoker辅助靠...
                        开挂透视！hhpoker辅助靠谱吗，德州私人局怎么透视，秘籍教程（有挂细节）-哔哩哔哩1、全新机制【...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        总结透视!fishpoker透...
                        总结透视!fishpoker透视!好像真的有辅助app(有挂秘籍)-哔哩哔哩1、总结透视!fishp...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        关于透视！aapoker怎么拿...
                        关于透视！aapoker怎么拿好牌，wepoker怎么破解游戏，攻略教程（有挂细节）-哔哩哔哩该软件...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        详情透视!大菠萝免费辅助!真是...
                        详情透视!大菠萝免费辅助!真是真的是有辅助攻略(有挂教程)-哔哩哔哩大菠萝免费辅助是不是有人用挂微扑...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        解迷透视！哈糖大菠萝挂法，德州...
                        解迷透视！哈糖大菠萝挂法，德州机器人代打脚本，积累教程（有挂助手）-哔哩哔哩德州机器人代打脚本破解侠...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        总结透视!pokemmo免费脚...
                        总结透视!pokemmo免费脚本!总是有辅助方法(有挂秘诀)-哔哩哔哩pokemmo免费脚本辅助器是...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        解密透视！aapoker怎么提...
                        解密透视！aapoker怎么提高中牌率，哈糖大菠萝软件下载，秘籍教程（有挂详细）-哔哩哔哩1、aap...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        揭幕透视!pokermaste...
                        揭幕透视!pokermaster脚本!原来真的有辅助app(有挂分享)-哔哩哔哩1、上手简单，内置详...