您的位置:首页 > 产品设计 > UI/UE

Element-ui的表格中一行格式化两个时间戳的方法

2019-04-01 20:22 573 查看

用Element-ui的表格显示数据,要在一列中显示一个有效时间即开始时间--结束时间,已经从后台中取得了这两个时间,但是数据的类型是datetime格式的,故正常放在页面中显示的是两个时间戳。

解决方法:

1、在vue 中methods下定义一个格式化方法dateFormat

2、页面中方法包裹时间参数:

简单有效

下面送一个简单的单个时间渲染方法,

methods下定义方法:

dateFormat:function(row, column) {
var date = row[column.property];
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},

页面使用:

<el-table-column label="有效期" prop="startDate" :formatter="dateFormat" ></el-table-column>

舒服!

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: