Element-ui的表格中一行格式化两个时间戳的方法
用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>
舒服!