JavaScript Date对象

谁践踏了优雅 2022-02-04 00:23 247阅读 0赞

Date 对象用于处理日期和时间，在说Date对象之前需要介绍一点点日期和时间的背景知识

## UTC,GMT和当地时间 ##

世界协调时间(UTC)又称世界统一时间，世界标准时间，国际协调时间，全称Coordinated Universal Time，是以原子时秒长为基础，在时刻上尽量接近于世界时的一种时间计量系统。

格林尼治标准时间（GMT，旧译“格林威治平均时间”或“格林威治标准时间”）是指位于伦敦郊区的皇家格林尼治天文台的标准时间，因为本初子午线被定义在通过那里的经线。

UTC是我们现在用的时间标准，GMT是老的时间计量标准。UTC是根据原子钟来计算时间，而GMT是根据地球的自转和公转来计算时间，也就是太阳每天经过位于英国伦敦郊区的皇家格林威治天文台的时间就是中午12点。中国大陆、中国香港、中国澳门、中国台湾、蒙古国、新加坡、马来西亚、菲律宾、西澳大利亚州的时间与UTC的时差均为+8，也就是UTC+8。  
由于现在世界上最精确的原子钟50亿年才会误差1秒(最精确原子钟问世：50亿年误差一秒)，可以说非常精确。而GMT因为是根据地球的转动来计算时间的，而地球的自转正在缓速变慢，所以使用GMT的话，总有一天，打个比方，中午12点，并不是一天太阳当头照的时候，很可能就是早上或者晚上了。所以说UTC更加精确。

而本地时间=UTC（或GMT） + 时区差 ，Javascript中，当我们new Date()时，返回的是GMT当地时间,上文说了中国大陆与标准时间的时差是8小时。

new Date()   //Fri May 17 2019 16:18:37 GMT+0800 (中国标准时间)

当然，关于时间涉及到的知识很多，作为前端我们了解这些就差不多了。

## 时间戳 ##

时间戳是从UTC时间的1970－01-01开始所经过的秒数，什么时候获取时间戳，就是到那个时间点所经历的秒数。时间戳是一个数值，可以秒为单位，也可以毫秒为单位，Javascript中是以毫秒为单位。

var date=new Date('1970-01-01 08:00:01');
    date.getTime()  //1000

由于当地时间与标准时间相差8个时区，所以当地时间1970/01/01,8点01秒时的时间戳是1000**毫秒**。  
PS：**下文中的起点时间统一指的是实际起点时间1970/01/01 08:00:00**

## JavaScript的Date对象 ##

#### 一、老规矩，我们先来看一下Date对象的静态方法 ####

![在这里插入图片描述][20190517163642820.jpg]

###### 1、now() 方法 ######

返回当前日期和时间的Date对象与起点时间之间的毫秒值  
参数：无  
返回值：当前时间与起始时间之间的毫秒数

###### 2、UTC() 方法 ######

可根据世界时间返回1970/01/01 00:00:00到指定日期的毫秒数。

Date.UTC(1970,0,1,0,0,1,0)

这里传入的是UTC时间而不是当地时间，参数也比较复杂，只做了解。

###### 3、parse()方法 ######

把字符串转换为Date对象 ，返回此Date对象与起点时间之间的毫秒值  
参数：可转换为Date对象的字符串(可省略时间)  
字符串的格式主要有两种：

1.  yyyy/MM/dd HH:mm:ss （推荐）：若省略时间，返回的Date对象的时间为 00:00:00。
2.  yyyy-MM-dd HH:mm:ss ：若省略时间，返回的Date对象的时间为 08:00:00(加上本地时区)。若不省略时间，在IE中返回NaN,如使用此格式，建议省略时间。  
    返回值：返回转换后的Date对象与起始时间之间的毫秒数。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]

#### 二、实例方法 ####

javascript中有构造函数Date() ，可以使用new操作符，实例化一个Date对象

##### new Date() ：返回当前的本地日期和时间 #####

参数：无| 毫秒数 | 日期字符串 | 把年月日、时分秒  
返回值：  
①没有参数返回一个表示本地日期和时间的Date对象。  
②毫秒数作为参数返回一个起点时间与毫秒数叠加后的Date对象。  
③日期时间字符串作为参数返回一个转换后的Date对象。  
④把一个标准时间的年月日、时分秒返回一个转换后的Date对象。

new Date()   //Fri May 17 2019 17:23:17 GMT+0800 (中国标准时间)
    new Date(1000)  //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
    new Date('1970/01/01 08:00:01') //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
    new Date(1970,0,1,0,0,1,0)  //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)

符1：日期和时间的字符串格式主要有两种：  
1、yyyy/MM/dd HH:mm:ss （推荐）：若省略时间，返回的Date对象的时间为 00:00:00。  
2、yyyy-MM-dd HH:mm:ss ：若省略时间，返回的Date对象的时间为 08:00:00。若不省略时间，在IE中会报错。:

new Date('1970-01-01 08:00:01')    //invalid date

符2：把年月日、时分秒转换为Date对象的参数说明

*  new Date(year, month, opt\_day, opt\_hours, opt\_minutes, opt\_seconds, opt\_milliseconds)
 *  year \{int\} ：年份；4位数字。如：1999、2014
 *  month \{int\} ：月份；2位数字。从0开始计算，0表示1月份、11表示12月份。
 *  opt\_day \{int\} 可选：日期； 2位数字；从1开始计算，1表示1号。
 *  opt\_hours \{int\} 可选：时；2位数字；取值0~23。
 *  opt\_minutes \{int\} 可选：分；2位数字；取值0~59。
 *  opt\_seconds \{int\} 可选：秒；2未数字；取值0~59。
 *  opt\_milliseconds \{int\} 可选：毫秒；取值0~999。

##### get相关方法 #####

*  getFullYear() ：返回Date对象的年份值；4位年份。
 *  getMonth() ：返回Date对象的月份值。从0开始，所以真实月份=返回值+1 。
 *  getDate() ：返回Date对象的月份中的日期值；值的范围1~31 。
 *  getHours() ：返回Date对象的小时值。
 *  getMinutes() ：返回Date对象的分钟值。
 *  getSeconds() ：返回Date对象的秒数值。
 *  getMilliseconds() ：返回Date对象的毫秒值。
 *  getDay() ：返回Date对象的一周中的星期值；0为星期天，1为星期一、2为星期二，依此类推
 *  getTime() ：返回Date对象与起点时间之间的毫秒值

var o=new Date();
    o.getFullYear();  //2019
    o.getMonth()   //4,代表5月
    o.getDate()  //18日
    o.getHours()   //10
    o.getMinutes()  //44
    o.getSeconds()  //39
    o.getMilliseconds()  //358
    o.getDay()  //6
    o.getTime()  //1558147479358

##### set相关方法 #####

*  setFullYear(year, opt\_month, opt\_date) ：设置Date对象的年份值；4位年份。
 *  setMonth(month, opt\_date) ：设置Date对象的月份值。0表示1月，11表示12月。
 *  setDate(date) ：设置Date对象的月份中的日期值；值的范围1~31 。
 *  setHours(hour, opt\_min, opt\_sec, opt\_msec) ：设置Date对象的小时值。
 *  setMinutes(min, opt\_sec, opt\_msec) ：设置Date对象的分钟值。
 *  setSeconds(sec, opt\_msec) ：设置Date对象的秒数值。
 *  setMilliseconds(msec) ：设置Date对象的毫秒值。

var o=new Date() 
    o.setFullYear(1970)  //将日期对象设置为1970年
    o.setMonth(0)  //将日期对象设置为1月
    o.setDate(1)   //将日期对象设置为1日
    o.setHours(8)   //将日期对象设置为8点
    o.setMinutes(0)   //将日期对象设置为0分
    o.setSeconds(1)  //将日期对象设置为1秒
    o.setMilliseconds(0)  //将日期对象设置为0毫秒
    o  //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)

##### 其他方法 #####

*  toString() ：将Date转换为一个’年月日 时分秒’字符串
 *  toLocaleString() ：将Date转换为一个’年月日 时分秒’的本地格式字符串
 *  toDateString() ：将Date转换为一个’月日年’字符串
 *  toLocaleDateString() ：将Date转换为一个’年月日’的本地格式字符串
 *  toTimeString() ：将Date转换为一个’时分秒’字符串
 *  toLocaleTimeString() ：将Date转换为一个’时分秒’的本地格式字符串
 *  valueOf() ：与getTime()一样， 返回Date对象与起点时间之间的毫秒值

o.toString()        //"Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)"
    o.toLocaleString()     //"1970/1/1 上午8:00:01"
    o.toDateString()     //"Thu Jan 01 1970"
    o.toLocaleDateString()    //"1970/1/1"
    o.toTimeString()     //"08:00:01 GMT+0800 (中国标准时间)"
    o.toLocaleTimeString()    //"上午8:00:01"
    o.valueOf()    //1000

[20190517163642820.jpg]: /images/20220204/64d8015277b443d29b8e04fc0f22c10b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]: /images/20220204/ad2ab13971db422994b6c62f1e6476d5.png