57、vue 使用moment

**1.下载

cnpm i moment --save**

2.main.js 挂载

import moment from 'moment'//导入文件  
Vue.prototype.$moment = moment;//赋值使用

3.组件中使用
凡是用的prototype 使用都要this.继承

this.$moment('string').format("YYYY-DD-MM")
this.$moment('2018-09-19T05:54:32.767Z').format("YYYY-DD-MM")

浏览器解析后 2018-09-19

日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 六月 27日 2019, 11:20:45 上午
moment().format('dddd');                    // 星期四
moment().format("MMM Do YY");               // 6月 27日 19
moment().format('YYYY [escaped] YYYY');     // 2019 escaped 2019
moment().format();                          // 2019-06-27T11:20:45+08:00

相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 8 年前
moment("20120620", "YYYYMMDD").fromNow(); // 7 年前
moment().startOf('day').fromNow();        // 11 小时前
moment().endOf('day').fromNow();          // 13 小时内
moment().startOf('hour').fromNow();       // 21 分钟前

日历时间

moment().subtract(10, 'days').calendar(); // 2019年6月17日
moment().subtract(6, 'days').calendar();  // 上周五上午11点20
moment().subtract(3, 'days').calendar();  // 本周一上午11点20
moment().subtract(1, 'days').calendar();  // 昨天上午11点20分
moment().calendar();                      // 今天上午11点20分
moment().add(1, 'days').calendar();       // 明天上午11点20分
moment().add(3, 'days').calendar();       // 本周日上午11点20
moment().add(10, 'days').calendar();      // 2019年7月7日

多语言支持

moment().format('L');    // 2019-06-27
moment().format('l');    // 2019-06-27
moment().format('LL');   // 2019年6月27日
moment().format('ll');   // 2019年6月27日
moment().format('LLL');  // 2019年6月27日上午11点21分
moment().format('lll');  // 2019年6月27日上午11点21分
moment().format('LLLL'); // 2019年6月27日星期四上午11点21分
moment().format('llll'); // 2019年6月27日星期四上午11点21分