vue-element-admin 表格中的时间格式化（转）

最新推荐文章于 2024-08-05 13:38:46 发布

转载最新推荐文章于 2024-08-05 13:38:46 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3858793/blog/4883570

文章标签：

#vue.js

vue.js 学习专栏专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Vue项目中通过引入moment.js并利用其format方法，将表格列的日期时间调整为'YYYY-MM-DD'格式。详细步骤包括npm安装和在组件及methods中实现日期格式转换。

下载moment.js

npm install moment --save

在组件中

<el-table-column
	prop="ctime"  
	label="创建时间"  
	width="360"  
	:formatter="dateFormat">  
</el-table-column>  
用 ':formatter' 来绑定 设置时间格式的方法 dateFormat

在methods 中定义 dateFormat//修改时间格式我要修改的是"YYYY-MM-DD"

//引入moment.js  
import moment from 'moment'  
methods:{  
	dateFormat: function (row, column) {  
		var date = row[column.property];
		if (date == undefined) {
			return "";
		}
        //修改时间格式 我要修改的是"YYYY-MM-DD"
		return moment(date).format("YYYY-MM-DD HH:mm:ss"); 
	}
}