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

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

解决方法:

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

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

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

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

简单有效

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

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>

舒服!