自定义格式时间函数

vue中将后端发来的日期格式化

在列表展示后端发来数据时,list接收的数据中有没有格式化的时间,看着让人很不舒服,这里用elementUI的列表行属性进行日期格式化
方法如下:

在这里插入图片描述

首先在你想格式化的一列中添加:formatter属性

<el-table-column
    label="操作时间"
    prop="gmtModified"
    :formatter="dateFormat">
</el-table-column>

引号中的方法定义在methods中:

dateFormat(row, column) {
    var date = new Date(row.gmtModified);
    var year = date.getFullYear();
    var month = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : "" + (date.getMonth() + 1);
    var day = date.getDate() < 10 ? "0" + date.getDate() : "" + date.getDate();
    var hour = date.getHours() < 10 ? "0" + date.getHours() : "" + date.getHours();
    var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : "" + date.getMinutes();
    var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : "" + date.getSeconds();
    return (year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds);
}

row是你的行,我要格式化的数据就是gmtModified这个时间
效果图:

在这里插入图片描述