moment.js时间格式|如何使用|使用方法

moment时间格式修改

1. 引入moment.js

npm install moment

2.在main.js中进行使用

import moment from 'moment';
moment.locale('zh-cn');
Vue.prototype.moment = moment;

3.在vue文件中引用（全局引入就不需要单独引入了）

import moment from "moment";

moment使用方法

获取时间

new Date() // Thu Oct 27 2022 18:29:54 GMT+0800 (中国标准时间)
new Date().getTime() //1666866447103
this.moment() // Thu Oct 27 2022 18:11:27 GMT+0800

修改日期格式

this.moment().format('x') // 1666866447103
this.moment().valueOf() // 1666866447103
this.moment().format("yyyy-MM-DDTHH:mm:ss.000+08:00") // 2022-10-27T18:46:19.000+08:00
this.$moment().format("YYYY-MM-DD") + " 00:00:00" // 2022-10-27 00:00:00

将字符串格式化为 ISO8601 标准。

this.moment().toISOString() // 2022-10-28T03:37:45.573Z

默认事件格式:

日期增加

this.moment().add(1, 'days').format('YYYY-MM-DD') //2022-10-28
this.moment().add(1, 'months').format('YYYY-MM-DD') //2022-11-27
this.moment().add(1, 'Q').format('YYYY-MM-DD') //2023-01-28

日期减少

this.moment().subtract(7, 'days').format('yyyy-MM-DD') //2022-10-20

从 2.12.0 版本开始，当为日期和月份传入小数时，它们会被四舍五入到最接近的整数。 星期、季度、年份会被转换到日期或月份，然后四舍五入到最接近的整数。

日期起点

// 2022-10-28
this.moment().startOf('month').format('yyyy-MM-DD') // 2022-10-01

日期结尾

this.moment().endOf("year").format('yyyy-MM-DD') // 2022-12-31

如果对希望简短，也有一些快捷的键。

例: moment().add(7, 'd');

转义字符

this.moment().format('[今天] dddd'); // '今天 Sunday'

比较

可以使用时间戳直接比较大小,也可以利用方法进行比较

检查一个 moment 是否在另一个 moment 之前。 第一个参数会被解析为 moment（如果尚未解析）。

this.moment('2010-10-20').isBefore('2010-10-21'); // true

由于第二个参数用于确定精度，且不仅仅是要检查的单个值，因此使用 day 将会检查年份、月份、日期。

this.moment('2010-10-20').isBefore('2010-12-31', 'year'); // false
this.moment('2010-10-20').isBefore('2011-01-01', 'year'); // true

是否相同

this.moment('2010-10-20').isSame('2009-12-31', 'year');  // false

是否在之后

this.moment('2010-10-20').isAfter('2010-10-19'); // true