Vue创建时间过滤器 | filterTime('-')

- HTML

使用Vue.filter()方法创建全局过滤器。
需求:时间2018-09-26T03:24:30.489Z 变为 2018-09-26

<!--  使用过滤器 | 过滤器名字 -->
<!-- seprator -->
 <div>
	<p>{{item.ctime | filterTime('-')}}</p>
</div>

js

// seprator 
Vue.filter('filterTime', function(time, seprator) {
    console.log(typeof time);
    let y = time.getFullYear()
    let m = time.getMonth() + 1
    let d = time.getDate()
   let h = time.getHours()
    let min = time.getMinutes()
    let s = time.getSeconds()
    //  这个处理函数return 一个数据
    return y + seprator + m + seprator + d + seprator + h + seprator + min + seprator + s
  })

猜你喜欢

转载自blog.csdn.net/Q_MUMU/article/details/85092936