我们这边定义一个时间的过滤器activeDateFilter
使用的话就是
<el-table-column label="时间">
<template slot-scope="scope">
<span>{{ scope.row.time | activeDateFilter}}</span>
</template>
</el-table-column>
activeDateFilter的定义是
Filter.activeDateFilter = value=>{
value = parseInt(value)
if (value == "" || value == undefined || value === null || isNaN(value)) {
return value = ""
} else {
let format = 'yyyy-MM-dd HH:mm:ss';
let t = new Date(value);
let tf = function (i) {
return (i < 10 ? "0" : "") + i
};
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
switch (a) {
case 'yyyy':
return tf(t.getFullYear());
break;
case 'MM':
return tf(t.getMonth() + 1);
break;
case 'mm':
return tf(t.getMinutes());
break;
case 'dd':
return tf(t.getDate());
break;
case 'HH':
return tf(t.getHours());
break;
case 'ss':
return tf(t.getSeconds());
break;
}
});
}
}
然后你如果想知道 过滤器文件的使用方式 可以看
vue过滤器的使用 filters vue过滤器的使用 filters