VUE专题 elementUI中 Filter日期转换，将时间显示在一般的div等标签中

filter部分位置说明

都在vue的script部分中
方法，filter与methods，watch，props等同级

template中

这里简写例子，直接在div或者font中都可以,下面两个都是时间参数，{{}}是双向绑定参数在在页面的写法

页面中

<div>
	<font>{{params.commentsDateStr | formate}}</font>
<div>
<div>
	<font>{{params.receiverTimeStr| formate}}</font>
<div>

filter写法

filters: {
// 格式化时间：yyyy年MM月dd日
	formatDate(val) {
	if (val !== undefined && val !== null && val !== '') {
		let date = val.substr(0, 10)
		let dateVal =
		date.substr(0, 4) +
		'年' +
		date.substr(5, 2) +
		'月' +
		date.substr(8, 2) +
		'日'
		return dateVal
	}
},
// 格式化时间：yyyy年MM月dd日 HH时mm分
formatDatetime(val) {
	if (val !== undefined && val !== null && val !== '') {
	let date = val.substr(0, 16)
		let dateVal =
		date.substr(0, 4) +
		'年' +
		date.substr(5, 2) +
		'月' +
		date.substr(8, 2) +
		'日' +
		' ' +
		date.substr(11, 2) +
		'时' +
		date.substr(14, 2) +
		'分'
		return dateVal
	}
	}
},