vue中时间格式化组件类库moment.js的安装和使用

  JavaScript 时间日期处理类库moment.js确实非常强大，可以各种骚操作、时间日期格式化、时间日期大小对比，还支持多语言！还有其它更多的使用技巧，可以到官网了解下吧。
  官方网站：Moment.js 中文网

1、安装

bower install moment --save # bower
npm install moment --save   # npm
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor

2、main.js引入挂载

import moment from 'moment'
// 赋值使用
Vue.prototype.$moment = moment
// 挂载全局过滤器
Vue.filter('YYYYMMDD', (value) => {
 return moment(velue).format('YYYY-MM-DD')
})

3、使用

Vue文件中赋值使用

this.$moment('string').format("YYYY-DD-MM")
this.$moment('2019-02-29T05:54:32.767Z').format("YYYY-DD-MM")

浏览器解析后 2018-02-29

过滤器使用

<div>
    {{ new Date('2019-08-15 12:25:16') | YYYYMMDD}}
</div>

浏览器解析后 2019-08-15