vue自定义时间过滤器之使用date-fans代替moment

date-fns较moment相比,更为轻量化,在实际开发中推荐使用date-fns。下面介绍它的使用方式:

1.安装date-fns

  npm i --save date-fns

2.在filters/filter.js中

  import Vue from vue

  import format from 'date-fns/format'

//自定义过滤器

Vue.filter('date-format',function(value,formatStr='yyyy-MM-dd HH:mm:ss'){

     return  format(value,formatStr)

})

3.在入口文件main.js中加载过滤器:

    import './filters/filter'

4.子页面中使用:

 <div class="time">  {{ rating.rateTime | date-format }} </div>


原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11738870.html