moment 使用 总结

时间插件moment.js在vue中结合elm组件的基本使用及最常见的几种时间格式总结

1. 安装

// 1. 使用 npm 安装
npm install moment --save
// 2. 使用 yuan 安装
yarn add moment
// 3. spm
spm install moment --save

// 根据自己需求使用

2. 引入mian.js

//引入
import moment from 'moment';
//挂载到原型
Vue.prototype.$moment = moment ;
//汉化，否则显示日期格式是国外的日期格式
moment.locale("zh-CN");

3. 使用

this.$moment().format('MMMM Do YYYY, h:mm:ss a'); // 当前时间

this.$moment().calendar();   // 今天

this.$moment().startOf('hour').fromNow();       // 1 小时前

this.$moment().endOf('day').fromNow();          // 1 小时内

this.$moment().day(0).format('YYYY-MM-DD');  // 前一天日期

this.$moment().subtract(1, 'days').calendar();  // 昨天的这个时间

this.$moment().startOf('day').fromNow();        // 前一天日期

this.$moment().subtract(3, 'days').format('YYYY-MM-DD');  // 获取3天前的日期

this.$moment().format("MMM Do YY");               // 当前日期

this.$moment().subtract(1, 'month').format('YYYY-MM')  // 前一个月

this.$moment().subtract(1, 'months').format('YYYY-MM-DD');  // 上月的今天

this.$moment("20210730", "YYYYMMDD").fromNow(); // 1 年前

this.$moment().subtract(1, 'year').format('YYYY-MM-DD');  // 1年前

this.$moment().add(2,'hours').format('YYYY-MM-DD HH:mm:ss');  // 两小时之后

this.$moment().add(1, 'days').calendar();  // 一天后

this.moment(new Date()).add(1, 'weeks').format('YYYY-MM-DD');  // 1周后

this.moment(new Date(this.time)).add(5, 'weeks').format('YYYY-MM-DD');  某一时间5周后日期

this.$moment().startOf("month").format("YYYY-MM-DD");  // 当月月初

this.$moment().endOf('month').format("YYYY-MM-DD");  // 当月月末

this.$moment(new Date()).quarter();  // 当前季节

this.$moment(new Date()).week();   // 当前第几周(本年)


new Date()
//中国标准时间
 
转时间格式
this.$moment().format("YYYY-MM-DD")
// 年-月-日
 
再转标准时间
new Date('2020-06-05')
//中国标准时间

  // 官网的语言支持
moment.locale();         // zh-cn
moment().format('LT');   // 22:53
moment().format('LTS');  // 22:53:58
moment().format('L');    // 2022/07/30
moment().format('l');    // 2022/7/30
moment().format('LL');   // 2022年7月30日
moment().format('ll');   // 2022年7月30日
moment().format('LLL');  // 2022年7月30日晚上10点53分
moment().format('lll');  // 2022年7月30日 22:53
moment().format('LLLL'); // 2022年7月30日星期六晚上10点53分
moment().format('llll'); // 2022年7月30日星期六 22:53


// 最近七天
time: [new Date(this.$moment().subtract(7, "days").format("YYYY-MM-DD")),new Date(),], 

// 最近一月
time: [this.$moment(new Date()).subtract(1, "months").format("YYYY-MM-DD"),this.$moment().format("YYYY-MM-DD"),]

// 本月
time: [
        this.$moment().startOf("month").format("YYYY-MM-DD"),
        this.$moment().endOf("month").format("YYYY-MM-DD"),
      ],

// 本月的第一天到今天
time: [
        this.$moment().startOf("month").format("YYYY-MM-DD"),
        this.$moment().format("YYYY-MM-DD"),
      ],