js Date 类型的取值、计算、格式化与 moment.js

前言

笔者工作多年，作为一个爱思考的程序员，一直在想一个问题：究竟怎样才可以让自己变的更强。。

对不起各位，说的太中二了，让我们重新来一遍：究竟怎样才可以提高自己的工作能力，提高自己的职业技能，究竟怎样才可以让自己更快、更快的成长。

古人曾经云过，灵光总会在放大的时候一闪而过，而你的任务，就是抓住它，记录它，思考它，并且，去做它，对它赋予行动。

看看自己一天天变秃的脑袋，想想自己一事无成的爹（使用了夸张手法，其实我很佩服我爸）；观望一下高富帅的日子，再瞅瞅矮穷挫的自己。于是，我只能暗暗下定决心：我必须好好工作。只有好好工作，才能掌握更多的职业技能，积累更多的经验，让自己的能力更上一个台阶，让自己的生活水平更上一个台阶。

灵光一闪将要而过，我伸手去抓，却只见它从我4只手指的指缝间散落，化作三缕金光，隐隐显出文字模样：

没有记录就是没有工作
没有积累就是没有经验
没有整理就是没有掌握

开始

在 javascript 中， Date 类型是个常用的类型。 moment.js 是常用的处理 js Date 的第三方包，在 react，angular，vue 等前端框架以及普通的 html 页面中都可以使用。

本文对 js Date 类型的使用以及 moment.js 的常用用法进行整理总结。

实验环境：谷歌浏览器打开 moment.js 官网 http://momentjs.cn/ ，按 F12，启动console 。本文的实验均在浏览器console中进行

js Date 类型

首先在console中输入下面代码

let a=new Date();
a;

此时输出为

Sun Jan 05 2020 00:49:38 GMT+0800 (中国标准时间)

可以看到，这个Date对象是一个比较复杂的对象，很多时候需要格式转化才能得到我们需要的格式。

当前日期为 2020年1月5日00点49分，周日；下面我们需要从对象a中获取对应的年月日等信息。将下面的代码一行一行输入console，结果如下：

a.getDate(); //从 Date 对象返回一个月中的某一天 (1 ~ 31)。
//5
a.getDay();     //从 Date 对象返回一周中的某一天 (0 ~ 6)。
//0
a.getMonth();   //从 Date 对象返回月份 (0 ~ 11)。
//0
a.getFullYear();    //从 Date 对象以四位数字返回年份。
//2020

从结果可以看出，getMonth、getDay 的结果需要特殊注意，否则可能搞错。

下面我们获取时分秒等

a.getHours();    //返回 Date 对象的小时 (0 ~ 23)。
//0
a.getMinutes(); //返回 Date 对象的分钟 (0 ~ 59)。
//49
a.getSeconds(); //返回 Date 对象的秒数 (0 ~ 59)。
//38
a.getMilliseconds();    //返回 Date 对象的毫秒(0 ~ 999)。
//785

获取时分秒的结果与期望值一致。

同时，上面的年月日时分秒的get方法，都有对应的set方法。方法如下：

setDate()    设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()  设置 Date 对象中月份 (0 ~ 11)。
setFullYear()   设置 Date 对象中的年份（四位数字）。
setHours()  设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()    设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()    设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()   设置 Date 对象中的毫秒 (0 ~ 999)。

比如，想给a增加一个小时，则代码如下：

a.setHours(a.getHours()+1);

给a减去一个小时也是类似，+1变成-1就可以了。

也可以通过下面代码来增加一天：

a.setHours(a.getHours()+24);

即Date类型会自动处理单位的进位等操作（setHours(24)会自动加一天，48则加2天，-48则减2天）。

关于Date类型的几个toString方法

toString()   把 Date 对象转换为字符串。
toTimeString()  把 Date 对象的时间部分转换为字符串。
toDateString()  把 Date 对象的日期部分转换为字符串。
toUTCString()   根据世界时，把 Date 对象转换为字符串。
toLocaleString()    根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()    根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()    根据本地时间格式，把 Date 对象的日期部分转换为字符串。
toISOString() 方法可以使用ISO标准将 Date 对象转换为字符串。该标准称为 ISO-8601 ，格式为: YYYY-MM-DDTHH:mm:ss.sssZ

其中，可能 toISOString 最接近我们需要的格式，但是也有点区别。若我们需要的是’YYYY-MM-DD HH:mm:ss’字符串，则没有太好的方法可以实现，除非我们使用getYear等方法自己来拼接字符串。

可以看出，js Date 的使用还是不够人性化，代码不够简洁、明确。很多时候，我们可以使用moment.js来处理日期时间，来达到更好的代码体验。

moment.js

首先我们简单看一下moment是什么。在 http://momentjs.cn/ 页面 F12 打开的console中，直接可以使用 moment.js.

复制下面代码到console

let m = moment();
m;

可以看到输出值是一个对象，与 new Date 有明显的不同。

下面我们来从m中获取年月日时分秒等数据。

m.year(); //年
//2020
m.month(); //月 ，0到11
//0
m.date(); //日
//5
m.hour(); //时
//1
m.minute(); //分
//18
m.seconds(); //秒
//44

其他 week 等，也是相同的方式取得，具体可以参考官方文档；

为year赋值

m.year(2040);
m.year();
//2040

其他赋值类似；

增加2天

m.add(2,'days'); // 可以用 d 代替 days
m.date();
//7

若减少两天，可以把2改为-2即可。具体的简写对照表如下

    Key  Shorthandyears  yquarters   Qmonths Mweeks  wdays   dhours  hminutes    mseconds    smilliseconds   ms

格式化输出字符串：

m.format('YYYY-MM-DD HH:mm:ss');
//"2040-01-07 01:18:44"

其他格式可以参考官方文档。

参考资料

js Date 介绍 https://www.w3school.com.cn/js/jsref_obj_date.asp
moment.js官网 : http://momentjs.cn/