指定时间格式过滤器

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、页面效果