首页 > 其他 > 详细

Vue中使用时间过滤器——date-fns

时间:2020-05-26 13:29:30      阅读:176      评论:0      收藏:0      [点我收藏+]

一、date-fns与moment比较

moment打包后最终压缩是68kb多,而date-fns打包后最后压缩只有5kb多,

技术分享图片

 

 

 技术分享图片

 

 

 

二、date-fns使用

2.1.安装date-fns

npm install --save date-fns

2.2.在js文件中引用

/* filters.js */
import Vue from ‘vue‘ // import moment from ‘moment‘ import format from ‘date-fns/format‘ // 自定义过滤器 Vue.filter(‘date-format‘, function (value, formatStr=‘yyyy-MM-dd HH:mm:ss‘) { // return moment(value).format(formatStr) return format(value, formatStr) })

2.3.在main.js入口文件中导入

import ‘./filters‘// 加载过滤器

2.4.在页面中使用

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

 

Vue中使用时间过滤器——date-fns

原文:https://www.cnblogs.com/hb88/p/12964817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!