模块开发之时间/日期组件moment.js使用(十四)

前言

moment.js框架是我见过的处理日期和时间最好的工具，再也不用自己写个类处理日期格式了，放弃Date和calendar的处理吧

基本使用

moment与字符串想到转换

一个基本的使用方式也是常用的方式是怎么把日期字符串转成moment方式，同时将moment对象显示成我们想要的方式
比如

const moment = require('moment')
//字符串转换成moment
let a = moment("2018-08-29 12:13:14", "YYYY-MM-DD hh:mm:ss")
//moment转换成字符串
console.log(a.format("YYYY-MM-DD hh:mm:ss"))

这是基本使用方式.
let a = moment(“2018-08-29 12:13:14”, “YYYY-MM-DD hh:mm:ss”):moment()构造函数第一个参数是时间日期，第二个参数是传入的时间日期的格式，方便moment解析。
a.format(“YYYY-MM-DD hh:mm:ss”):是将moment实例以我们想格式化的形势展示，"YYYY-MM-DD hh:mm:ss"这个即是展示形势。当然我们可以组合很多种。后面会讲到。

##当前时间
不传任何参数即表示当前时间。如下

let a = moment()
console.log(a.format("YYYY-MM-DD hh:mm:ss"))

输出：2018-09-20 02:03:12

语法

创建moment实例的方式

时间字符串+指定格式

语法

moment(String, String);//时间，格式
moment(String, String, String);//时间，格式
moment(String, String, Boolean);//时间，格式，严格模式
moment(String, String, String, Boolean);//时间，格式，国际化(比如“zh-cn”)严格模式

例子

const moment = require('moment')
let a = moment("2018-09-05","YYYYMMDD")
console.log(a.format("YYYYMMDD hh:mm:ss"))

输出：20180905 12:00:00

const moment = require('moment')
let a = moment("2018-09-05","YYYY-MM-DD")
console.log(a.format("YYYYMMDD hh:mm:ss"))

输出：20180905 12:00:00
moment在解析时遇到字符串里的非字母和数字时，默认忽略不解析，所以YYYYMMDD和"YYYY-MM-DD"是一样效果

const moment = require('moment')
let a = moment("05","DD")
console.log(a.format("YYYYMMDD hh:mm:ss"))

输出：20180905 12:00:00

时间字符串+多定格式

如果我们不知道传入的时间字符串是什么格式，但肯定知道是其中一种，我们所以用数组指定格式。

const moment = require('moment')
let a = moment("12-25-1995", ["MM-DD-YYYY", "YYYY-MM-DD"],"zh-cn",true);
console.log(a.format("YYYYMMDD hh:mm:ssa"))

输出：19951225 12:00:00凌晨

moment完全支持iso-8601格式字符串

比如

moment("2010-01-01T05:06:07", moment.ISO_8601);
 moment("2010-01-01T05:06:07", ["YYYY", moment.ISO_8601]);

以对象形势创建，这很重要

例如

moment({ y    :2010, M     :3, d   :5, h    :15, m      :10, s      :3, ms          :123});
moment({ year :2010, month :3, day :5, hour :15, minute :10, second :3, millisecond :123});
moment({ years:2010, months:3, days:5, hours:15, minutes:10, seconds:3, milliseconds:123});

在moment里y，year,years是等价的，所以传任何一种都可以。同时d,day,days一样，其它亦是如此
这里会涉及到默认值情况，比如我们只传hour或day会怎样。

传入date对象

var day = new Date(2011, 9, 16);
var dayWrapper = moment(day);
console.log(dayWrapper.format("YYYYMMDD hh:mm:ssa"))//输出20111016 12:00:00am

这样我们就可以将Date转换成moment对象了

#接收数组
这种方式不灵活，必需按年月日顺序组织数组，几乎不用，贴个例子

moment([2010, 6, 10]);

moment默认值

不传任何参数即是当前时间

moment();

怎样的默认值

以2018-09-20 10:10:10:123为例
如果只传hour，那么时间的左边会是当前时间年月时，hour右边的则默认是0

let a = moment("10", "hh");
console.log(a.format("YYYYMMDD hh:mm:ssa"))//输出20180920 10:00:00am

let a = moment("10", "DD");
console.log(a.format("YYYYMMDD hh:mm:ssa"))//20180910 12:00:00am

day的左边是当前时间的年月，右边默认是0时间，注意上面的凌晨12点，也就是一天开始时间0点

对moment时间的操作

get/set方法

获取对象值get方法

const moment = require('moment')
var day = new Date(2011, 9, 16);
var dayWrapper = moment(day);
console.log("y=" + dayWrapper.get('y'))
console.log("year=" + dayWrapper.get('year'))
console.log("years=" + dayWrapper.get('years'))

输出
y=2011 year=2011 years=2011

对应的set方法为

const moment = require('moment')
var day = new Date(2011, 9, 16);
var dayWrapper = moment(day);
dayWrapper.set('y',2012)
//dayWrapper.get('year',2012)
//dayWrapper.get('years',2012)
console.log("resutl:" + dayWrapper.format("YYYY-MM-DD hh:mm:ss:ms"))

输出结果：resutl:2012-10-16 12:00:00:00

其它的简写如下

字符	描述
y/year/years	年
M/month/months	月
d/day/days	日
h/hour/hours	时
m/minute/minutes	分
s/second/seconds	秒
ms/millisecond/milliseconds	毫秒
w/week/weeks	周
Q/quarter/quarters	季度

时间的加减操作

加法

语法

moment().add(Number, String);
moment().add(Duration);//持续时间
moment().add(Object);

这个很简单，对应三个例子

moment().add(7, 'days').add(1, 'months');
moment().add({days:7,months:1});
moment([2012, 0, 31]).add(moment.duration({'days' : 1}));

当前如果将值变成负数则和减法功能一样的。

减法

和加法是对应的，语法

moment().subtract(Number, String);
moment().subtract(Duration);
moment().subtract(Object);

例子

moment().subtract(7, 'days');
moment().subtract({days:7,months:1});
moment([2012, 0, 31]).subtract(moment.duration({'days' : 1}));

指定格式的开始时间和结束时间

moment().startOf(String)：修改了moment实例的时间，指向开始
moment().endOf(String)：修改了moment实例的时间，指向结束

var str = "YYYY-MM-DD hh:mm:ms"
var a = moment("2019-2-20 13:13:13",str)
console.log("本月开始日期" + a.startOf("M").format(str))

输出：

本月开始日期2019-02-01 12:00:00
本月结束日期2019-02-28 11:59:59

##两个moment的比较
不仅仅限于moment的比较，其它格式同样适合

最大值:moment().max(Moment|String|Number|Date|Array);
最小值:moment().min(Moment|String|Number|Date|Array);

#ISO 8601时间以及时间里T和Z了解
具体对UTC的了解可百度一下ISO 8601 ，北京时间比较ISO 8601时间要快，也就是说ISO 8601时间+8houre=北京时间
T是日期和时间之间的特殊字符，功能和空格一样，起分隔作用。比如
2018-09-28T01:52:35和2018-09-28 01:52:35是等价功能。

Z表示时间是ISO 8601格式时间
比如：

var a2 = moment("2018-09-28T14:52:35Z")
console.log("a2:" + a2.format())

输出a2:2018-09-28T22:52:35+08:00
他ISO 8601时间+8houre=北京时间公式一样，当前时间其实是2018-09-28 22:52:35，字符串后面+08:00``是ISO 8601时间偏移量即8小时。
对比如下
ISO 8601格式如下：2018-09-28T14:52:35Z
中国标准时间（UTC时间）：a2:2018-09-28T22:52:35+08:00

#格式化
重量及选手，为什么"YYYY-MM-DD HH:mm:ss"就能展示2018-09-28 14:52:35呢

缩写	输出结果
Month	M
	Mo
	MM
	MMM
	MMMM
Quarter	Q
Day of Month	D
	Do
	DD
Day of Year	DDD
	DDDo
	DDDD
Day of Week	d
	do
	dd
	ddd
	dddd
Day of Week (Locale)	e
Day of Week (ISO)	E 1 2 … 6 7
Week of Year	w
	wo
	ww
Week of Year (ISO)	W
	Wo
	WW
Year	YY
	YYYY
Week Year	gg 70 71 … 29 30
	gggg
Week Year (ISO)	GG
	GGGG
AM/PM	A
	a
Hour	H
	HH
	h
	hh
Minute	m
	mm
Second	s
	ss
Fractional Second	S
	SS
	SSS
	SSSS … SSSSSSSSS
Z	-07:00 -06:00 … +06:00 +07:00
Unix Timestamp	X
Unix Millisecond Timestamp	x 1360013296123

moment帮我们设置了一些长日期格式

缩写	组合
LT	h:mm A
LTS	h:mm:ss A
L	MM/DD/YYYY
l	M/D/YYYY
LL	MMMM Do YYYY
ll	MMM D YYYY
LLL	MMMM Do YYYY LT
lll	MMM D YYYY LT
LLLL	dddd, MMMM Do YYYY LT
llll	ddd, MMM D YYYY LT

效果如下

moment().format('L');    // 2018-09-20
moment().format('l');    // 2018-09-20
moment().format('LL');   // 2018年9月20日
moment().format('ll');   // 2018年9月20日
moment().format('LLL');  // 2018年9月20日下午4点26分
moment().format('lll');  // 2018年9月20日下午4点26分
moment().format('LLLL'); // 2018年9月20日星期四下午4点26分
moment().format('llll'); // 2018年9月20日星期四下午4点26分

#全部设置语言
使用moment.locale(语言)设置，moment().lang(String)在2.8.1被废弃了

moment.locale('en');
moment.locale('zh-cn');

参考官方能获得更高知识
中文官网首页
 中文官网文档

模块开发之时间/日期组件moment.js使用(十四)

文章目录

前言