ant-design-vue 前端UI库,解决Table中时间格式化问题

使用 Vue + Antd 时Table组件时间格式化问题

修改前日期格式 修改后效果

1. script 标签中引入 moment

框架自带,直接引入即可

import moment from 'moment'

2. Antd 的 table 表格 columns 表格设置

{ title: '时间', align: 'center', dataIndex: 'createTime', render: (val) => { return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '' } }

3. 修改完后重新刷新页面即可看到最新的结果