Vue学习笔记05（指定时间格式过滤器）

指定时间格式过滤器

1、在Vue实例外创建一个过滤器，代码为：Vue.filter('过滤器名称'，执行的函数)

//定义一个过滤时间格式的过滤器
		Vue.filter('setdate',function(datestr){  //这里的datestr为管道符的左边的传入的参数
			//根据给定的时间字符串，得到指定的格式
			var dt = new Date(datestr);
			
			var y = dt.getFullYear() //年
			var m = dt.getMonth()+1 //月
			var d = dt.getDate() //日
			
			var h = dt.getHours() //时
			var f = dt.getMinutes() //分
			var s = dt.getSeconds() //秒
			
			//返回日期格式
			return `${y}-${m}-${d} ${h}:${f}:${s}`
			
		})

2、这时要在显示日期的数据渲染位置加上过滤器的名称

<td>{{item.CTIME | setdate}}</td>    //  | 是管道符

这时item.CTIME就作为参数传入过滤器里的执行函数

3、页面效果