美文网首页
moment:时间插件

moment:时间插件

作者: 啵崽崽 | 来源:发表于2020-05-24 00:33 被阅读0次

方法一

1.官网链接
moment

  1. 安装monent
npm install moment --save
  1. main.js里定义时间格式化全局过滤器,filter第一个参数是函数名 第二个是格式化时间处理的函数
import moment from 'moment';
// 中文简体
moment.locale('zh-cn');
Vue.filter('dateformat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') =>{
    return moment(dataStr).format(pattern)
})
  1. template模板调用
{{ time | dateformat('YYYY-MM-DD HH:mm:ss')}}//2019-05-09 18:00:00

方法二

  1. 安装monent
npm install moment --save
  1. 在main.js 挂载
 import moment from 'moment'
 Vue.prototype.$moment = moment

3.组件中使用

// 2018-09-19T05:54:32.767Z 就是new Date()
this.$moment('2018-09-19T05:54:32.767Z').format("YYYY-DD-MM")
浏览器解析后 2018-09-19

相关文章

网友评论

      本文标题:moment:时间插件

      本文链接:https://www.haomeiwen.com/subject/ckfeahtx.html