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 HH:mm:ss") // 2022-10-27 00:00: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

令牌	输出
月份	M	1 2 ... 11 12
	Mo	1st 2nd ... 11th 12th
	MM	01 02 ... 11 12
	MMM	Jan Feb ... Nov Dec
	MMMM	January February ... November December
季度	Q	1 2 3 4
	Qo	1st 2nd 3rd 4th
月份的日期	D	1 2 ... 30 31
	Do	1st 2nd ... 30th 31st
	DD	01 02 ... 30 31
年份的日期	DDD	1 2 ... 364 365
	DDDo	1st 2nd ... 364th 365th
	DDDD	001 002 ... 364 365
星期几	d	0 1 ... 5 6
	do	0th 1st ... 5th 6th
	dd	Su Mo ... Fr Sa
	ddd	Sun Mon ... Fri Sat
	dddd	Sunday Monday ... Friday Saturday
星期几（语言环境）	e	0 1 ... 5 6
星期几（ISO）	E	1 2 ... 6 7
年份的星期	w	1 2 ... 52 53
	wo	1st 2nd ... 52nd 53rd
	ww	01 02 ... 52 53
年份的星期（ISO）	W	1 2 ... 52 53
	Wo	1st 2nd ... 52nd 53rd
	WW	01 02 ... 52 53
年份	YY	70 71 ... 29 30
	YYYY	1970 1971 ... 2029 2030
	Y	1970 1971 ... 9999 +10000 +10001 注意：对于 9999 年以后的日期，这符合 ISO 8601 标准。
周年	gg	70 71 ... 29 30
	gggg	1970 1971 ... 2029 2030
周年（ISO）	GG	70 71 ... 29 30
	GGGG	1970 1971 ... 2029 2030
子午线	A	AM PM
	a	am pm
小时	H	0 1 ... 22 23
	HH	00 01 ... 22 23
	h	1 2 ... 11 12
	hh	01 02 ... 11 12
	k	1 2 ... 23 24
	kk	01 02 ... 23 24
分钟	m	0 1 ... 58 59
	mm	00 01 ... 58 59
秒钟	s	0 1 ... 58 59
	ss	00 01 ... 58 59
小数秒钟	S	0 1 ... 8 9
	SS	00 01 ... 98 99
	SSS	000 001 ... 998 999
	SSSS ... SSSSSSSSS	000[0..] 001[0..] ... 998[0..] 999[0..]
时区	z or zz	EST CST ... MST PST 注意：从 1.6.0 版本开始，z/zz 格式的令牌已从普通的 moment 对象中弃用。 在此处了解更多信息。 但是，如果将特定时区与 moment-timezone 插件一起使用，它们会起作用。
	Z	-07:00 -06:00 ... +06:00 +07:00
	ZZ	-0700 -0600 ... +0600 +0700
Unix 时间戳	X	1360013296
Unix 毫秒时间戳	x	1360013296123

默认事件格式:

日期增加

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');

键	快捷键
years	y
quarters	Q
months	M
weeks	w
days	d
hours	h
minutes	m
seconds	s
milliseconds	ms

转义字符

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