ant-design-vue table对日期数据排序
ant-design-vue table对日期数据排序一、js对日期数据排序二、在 a-table 中使用一、js对日期数据排序使用sort()方法//let data = [{id:'1',time:'2020-01-01 23:53:23'},{id:'2',time:'2021-01-08 8:53:10'},{
·
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 },
},]
更多推荐
已为社区贡献4条内容
所有评论(0)