ant-design-vue table对日期数据排序


一、js对日期数据排序

使用sort()方法

// 
 let data = [
       {
           id:'1',
           time:'2020-01-01 23:53:23'
       },
       {
            id:'2',
             time:'2021-01-08 8:53:10'
       },{
            id:'3',
             time:'2019-12-31 23:59:23'
       },{
            id:'4',
            time:'2020-01-01 10:53:23'
       }
   ]
   data.sort(function(a,b){
   //降序
       return a.time < b.time ? 1 : -1
       //升序  return a.time > b.time ? 1 : -1
   });

得到结果 降序

0: {id: "2", time: "2021-01-08 8:53:10"}
1: {id: "1", time: "2020-01-01 23:53:23"}
2: {id: "4", time: "2020-01-01 10:53:23"}
3: {id: "3", time: "2019-12-31 23:59:23"}


二、在 a-table 中使用

设置表格 columns

const columns = [ {
    title: '时间',
    dataIndex: 'time',
    defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
    sorter: (a, b) => { return a.time> b.time? 1 : -1 },
  },]

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐