AntDesignTable中日期排序问题

业务效果

业务代码

参考ant design内Table表头日期字段排序

  • moment方法,仅用于处理日期格式
import moment from 'moment'
  • sorter为组件内字段
{
title: '计划日期',
dataIndex: 'parentPlanApprovalDate',
width: 150,
defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
sorter: (a, b) => {
return new Date(a.parentPlanApprovalDate) > new Date(b.parentPlanApprovalDate) ? 1 : -1;
},
customRender: function (text){
if(text == '' || text == null){
return '/';
} else {
return moment(text).format("YYYY-MM-DD");
}
}
},
posted @   Felix_Openmind  阅读(607)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示