vue中使用moment格式化时间

目录

一、安装moment.js

二、main.js中引入moment

三、使用

1、过滤器用法

全局过滤器

局部过滤器

2、挂载vue上

---

 此外，day.js也可以实现类似的功能，见：https://blog.csdn.net/qq_40323256/article/details/110930383

一、安装moment.js

cnpm i -S moment

二、main.js中引入moment

import moment from 'moment'

三、使用

有两种方式：过滤器用法、挂载vue上

1、过滤器用法

关于过滤器的详细介绍可参考：https://blog.csdn.net/qq_40323256/article/details/116355085

全局过滤器

main.js中注册：

Vue.filter('formatDate', function (value) {
  return moment(value).format('YYYY-MM-DD HH:mm')
})

使用：

效果：

局部过滤器

2、挂载vue上

main.js中引入

Vue.prototype.$moment = moment//挂载Vue上

使用：

this.$moment(new Date()).format("YYYY-MM-DD")

效果：