Vue-Cli 安装使用 moment.js

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、npm install moment -- save

2、main.js 引入moment

//定义全局 时间过滤器 S

import Moment from 'moment';

Vue.filter('comverTime',function(data,format){

  return Moment(data).format(format);

});

//定义全局 时间过滤器E

3、vue组件中使用定义的 comverTime 过滤器

　　<p>{{Time | comverTime('YYYY年MM月DD日')}}</p>

　　<!-- 输出结果 2019年09月05日-->

　　<p>{{Time | comverTime('YYYY-MM-DD HH:mm:ss')}}</p>

　　<!-- 输出结果 2019-09-05 10:13:43-->
　　Time 值为：Thu, 05 Sep 2019 02:34:52 GMT

4、效果图