// 自定义创建一个过滤器
// dateFormat为过滤器的名称, originVal是需要处理的时间
Vue.filter("dateFormat",function(originVal) {
// 通过new Date获取当前时间的对象
const dt = new Date(originVal);
// 获取年月日,时分秒
const y = dt.getFullYear();
// 月份是从0开始的,所以加1,通过padStart方法给1-9月前面添加一个0(参数一是长度,参数二是当长度不够时用什么补全)
const m = (dt.getMonth() + 1 + '').padStart(2,'0');
const d = (dt.getDate() + '').padStart(2,'0');
const hh = (dt.getHours() + '').padStart(2,'0');
const mm = (dt.getMinutes() + '').padStart(2,'0');
const ss = (dt.getSeconds() + '').padStart(2,'0');
// return `yyyy-mm-dd hh-mm-ss`
return `${y}-${m}-${d} ${hh}-${mm}-${ss}`;
})
<el-table-column
prop="add_time"
label="创建时间">
<template slot-scope="scope">
<!-- 通过插槽获取当前列的数据,通过以下过滤器将数据格式修改 -->
{{scope.row.add_time | dateFormat}}
</template>
</el-table-column>