Vben学习记录(格式化时间戳)

二锅头儿

已于 2023-06-20 15:44:42 修改

阅读量388

点赞数 1

文章标签：学习数学建模 vue.js 前端

于 2023-06-16 16:01:02 首次发布

本文链接：https://blog.csdn.net/qq_47581097/article/details/131248711

版权

文章介绍了在处理后台传入的时间数据时，如何进行格式化的三种方式：1)使用`date|YYYY-MM-DDHH:mm:ss`格式化；2)结合`dayjs`库进行格式化；3)结合`sorter`和`customRender`进行日期的展示和排序处理。

摘要由CSDN通过智能技术生成

格式化后台传入的时间数据，三种方法：

{
    title: '开始时间',
    dataIndex: 'startTime',
    width: 80,
    format:'date|YYYY-MM-DD HH:mm:ss'
}

{
    title: '开始时间',
    dataIndex: 'startTime',
    width: 80,
    format:(record) => {
        return !!record ? dayjs(record).format('YYYY-MM-DD hh:mm:ss') : record
    }
}

{
    title: '开始时间',
    dataIndex: 'startTime',
    width: 100,
    sorter: true,
    customRender:({ record }) =>
      record.startTime == null ? '' : formatDateTime(new Date(record.startTime),'YYYY/MM/DD hh:mm:ss'),
}