【Vue filter】格式化时间 moment .js

Vue filter 格式化时间 moment .js 

1. 首先在vue项目中安装 npm install moment --save
2. 定义时间格式化全局过滤器
3. 只需要在需要格式化时间的地方使用插值表达式就OK了
4. 备注：day.js 跟 moment.js 用法相似，文件大小会小很多 。https://day.js.org/docs/zh-CN/installation/installation

main.js

 

import moment from 'moment'
Vue.filter('dateformat',
     //默认格式 'YYYY-MM-DD HH:mm:ss'
     function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
        return moment(dataStr).format(pattern)
     }
 )

app.vue

 

<div>
   <span>
       // 参数1：时间
       // 参数2：自定义日期格式
       时间：{{'2018-07-01'| dateformat('YYYY-MM-DD HH:mm:ss')}}
   </span>
</div>