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. 修改完后重新刷新页面即可看到最新的结果