Vue项目如何安装使用moment.js

Vue项目如何安装使用moment.js

1、什么是moment.js
它是一个简单易用的轻量级Javascript日期处理类库，提供了日期格式化、日期解析等功能，且支持在浏览器和NodeJS两种环境中运行
2、Vue项目中安装

npm install moment --save

3、导入
在main.js中导入该组件

import Moment from 'moment'

4、定义
在全局中定义时间格式化全局过滤器，在main.js中引入moment

• 如果获取的时间戳是10位的时间戳使用 （单位是秒）

//定义一个全局过滤器实现日期格式化
Vue.filter('comverTime',function(data,format){
  return Moment.unix(data).format(format);
});

• 如果获取的时间戳是13位的时间戳使用 （单位是毫秒）

//定义一个全局过滤器实现日期格式化
Vue.filter('comverTime',function(data,format){
 return Moment.(data).format(format);
});

5、使用
对时间格式化组件进行使用

<div>
  {{Timer | comverTime('YYYY年MM月DD日 HH:mm:ss')}}
</div>

效果如下