其他分享
首页 > 其他分享> > vue自定义时间过滤器之使用date-fans代替moment

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>


标签:vue,fns,自定义,format,filter,过滤器,moment,date,import
来源: https://www.cnblogs.com/hou-yuan-zhen/p/11738870.html