内置日期对象Date

清疚 2022-11-30 12:48 308阅读 0赞

### unix时间戳 ###

是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒。在大多数的UNIX系统中UNIX时间戳存储为32位，这样会引发2038年问题或Y2038。

### UTC协调世界时 ###

协调世界时，又称世界统一时间、世界标准时间、国际协调时间。由于英文（CUT）和法文（TUC）的缩写不同，作为妥协，简称UTC。

原子时：IAT（international atomic time），以物质的原子内部发射的电磁振荡频率为基准的时间计量系统。

[世界时][Link 1][UT][] \[1\]  即[格林尼治][Link 2] \[1\]  平太阳时间，是指格林尼治所在地的标准时间，也是表示地球自转速率的一种形式。

协调世界时是以[原子时][Link 3]秒长为基础，在时刻上尽量接近于[世界时][Link 4]的一种时间计量系统。

### Date对象 ###

此处new Date() 和属性.调用，优先级一样。所以可以是创建了date对象后，调用了getFullYear方法

console.log( new Date().getFullYear())

创建一个 JavaScript `Date` 实例，该实例呈现时间中的某个时刻。`Date` 对象则基于 [Unix Time Stamp][]，即自1970年1月1日（UTC）起经过的毫秒数。

new Date();   Mon Aug 24 2020 16:45:42 GMT+0800 (中国标准时间)
    
    new Date(value);
    new Date(1234567891011)  Sat Feb 14 2009 07:31:31 GMT+0800 (中国标准时间)
    
    new Date(dateString);
    new Date("Sat Feb 14 2020 GMT+0800 (中国标准时间)")
    Fri Feb 14 2020 00:00:00 GMT+0800 (中国标准时间)
    
    new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);
    new Date(2020,8,25,09)
    Fri Sep 25 2020 09:00:00 GMT+0800 (中国标准时间)

**Date对象是一个标准时间！！**

*  JavaScript的时间由世界标准时间（UTC）1970年1月1日开始，用毫秒计时，一天由 86,400,000 毫秒组成。`Date` 对象的范围是 -100,000,000 天至 100,000,000 天（等效的毫秒值）。
 *  `Date` 对象为跨平台提供了统一的行为。时间属性可以在不同的系统中表示相同的时刻，而如果使用了本地时间对象，则反映当地的时间。
 *  `Date` 对象支持多个处理 UTC 时间的方法，也相应地提供了应对当地时间的方法。UTC，也就是我们所说的格林威治时间，指的是time中的世界时间标准。而当地时间则是指执行JavaScript的客户端电脑所设置的时间。
 *  如果没有输入任何参数，则Date的构造器会依据系统设置的**当前时间**来创建一个Date对象。
 *   
 *  以一个函数的形式来调用 `Date` 对象（即不使用 [`new`][new] 操作符）会返回一个代表当前日期和时间的字符串。
 *  可以传入一个毫秒数，来生成一个日期对象。
 *  可以传入一个日期，来生成日期对象。
 *  如果提供了至少两个参数，其余的参数均会默认设置为 1（如果没有指定 day 参数）或者 0（如果没有指定 day 以外的参数）。

[`Date.prototype`][Date.prototype]  允许为 `Date` 对象添加属性。所有的 `Date` 实例都继承自 [`Date.prototype`][Date.prototype]。修改 `Date `构造函数的原型对象会影响到所有的 `Date` 实例。

[`Date.now()`][Date.now]返回自 1970-1-1 00:00:00  UTC（世界标准时间）至今所经过的毫秒数。

Date.now()获取当前时间的毫秒数，而getTime()和valueOf()获取的是日期对象的毫秒数。我们可以通过new Date().getTime() 来获取当前日期对象的毫秒数，等同于Date.now()。

[`Date.parse()`][Date.parse]解析一个表示日期的字符串，并返回从 1970-1-1 00:00:00 所经过的毫秒数。

Date.parse(dateString)  ===  new Date(dateString).getTime()

**注意: 由于浏览器差异和不一致，强烈建议不要使用`Date.parse`解析字符串。**

**关于：MDN不建议使用Date构造函数来解析日期字符串；或使用等价的Date.parse来解析**

> 注意: 由于浏览器之间的差异与不一致性，强烈不推荐使用Date构造函数来解析日期字符串 (或使用与其等价的Date.parse)。  
> 对 RFC 2822 格式的日期仅有约定俗称的支持。 对 ISO 8601 格式的支持中，仅有日期的串 (例如 "1970-01-01")
> 
> 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。

**此处就有人遇到了Date.parse()的问题：[new Date().getTime() 兼容性问题？][new Date_.getTime_]**

**问题详情：**

date数据是后端返回的，但是在在window系统电脑和mac电脑，执行结果不同，出现了时区偏差8小时

let date = '2020-11-06T10:00:00';
    
    new Date(date).getTime();

** 解决办法：**

使用日期第三方库，可以正确的使用和解析日期字符串。比如：[https://github.com/iamkun/dayjs/blob/dev/docs/zh-cn/README.zh-CN.md][https_github.com_iamkun_dayjs_blob_dev_docs_zh-cn_README.zh-CN.md]

> Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js

还可以：时间字符格式兼容性问题，最好接口直接下发时间戳，不要使用格式字符串。

[`Date.UTC()`][Date.UTC]接受和构造函数最长形式的参数相同的参数（从2到7），并返回从 1970-01-01 00:00:00 UTC 开始所经过的毫秒数。

###  以下是原型Date.prototype上的方法 ###

`getTime()` 方法返回一个时间对象的数值。`getTime` 方法的返回值一个数值，表示从1970年1月1日0时0分0秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。这个方法的功能和 [`valueOf()`][valueOf] 方法一样。

`setTime()` 方法以一个表示从1970-1-1 00:00:00 UTC计时的毫秒数为来为 `Date` 对象设置时间。

### **获取和设置——年** ###

**`getFullYear()`** 方法根据本地时间返回指定日期的年份。`getYear` 不返回千禧年\[full years\] ("year 2000 problem")，所以这个方法不再被使用。

`setFullYear()` 方法根据本地时间为一个日期对象设置年份。

dateObj.setFullYear(yearValue[, monthValue[, dayValue]])

### ** 获取和设置——月** ###

getMonth() 根据本地时间，返回一个指定的日期对象的月份，为基于0的值（0表示一年中的第一月）。返回一个0 到 11的整数值： 0 代表一月份，1 代表二月份， 2 代表三月份，依次类推。

`setMonth()` 方法根据本地时间为一个设置年份的日期对象设置月份。

dateObj.setMonth(monthValue[, dayValue])

### **获取和设置——日** ###

`getDate() `返回一个1 到 31的整数值。

`setDate()` 方法根据本地时间来指定一个日期对象的天数。

dateObj.setDate(dayValue)

### 获取——周 ###

**`getDay()`** 方法根据本地时间，返回一个具体日期中一周的第几天，0 表示星期天。

不能设置周！

### 获取和设置——时 ###

**`getHours()`** 方法根据本地时间，返回一个指定的日期对象的小时。`getHours`返回一个0 到 23之间的整数值。

`setHours()` 方法根据本地时间为一个日期对象设置小时数，返回从1970-01-01 00:00:00 UTC 到更新后的 [`日期`][Link 5] 对象实例所表示时间的毫秒数。

dateObj.setHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])

### 获取和设置——分 ###

**`getMinutes()`** 方法根据本地时间，返回一个指定的日期对象的分钟数。`getMinutes `返回一个0 到 59的整数值。

`setMinutes()` 方法根据本地时间为一个日期对象设置分钟数。

dateObj.setMinutes(minutesValue[, secondsValue[, msValue]])

### **获取和设置——秒** ###

**`getSeconds()`** 方法根据本地时间，返回一个指定的日期对象的秒数。该方法返回一个 0 到 59 的整数值。

`setSeconds()` 方法根据本地时间设置一个日期对象的秒数。

dateObj.setSeconds(secondsValue[, msValue])

`参数：secondsValue` 一个 0 到 59 的整数。`msValue`  一个 0 到 999 的数字，表示微秒数。

获取和设置——毫秒

getMilliseconds() 方法，根据本地时间，返回一个指定的日期对象的毫秒数。`getMilliseconds() `方法返回一个0 到 999的整数。

`setMilliseconds()` 方法会根据本地时间设置一个日期对象的豪秒数。

dateObj.setMilliseconds(millisecondsValue)

参数：`millisecondsValue`  一个 0 到 999 的数字，表示豪秒数。

[Link 1]: https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E6%97%B6
[UT]: https://baike.baidu.com/item/UT/4044923
[Link 2]: https://baike.baidu.com/item/%E6%A0%BC%E6%9E%97%E5%B0%BC%E6%B2%BB/3065623
[Link 3]: https://baike.baidu.com/item/%E5%8E%9F%E5%AD%90%E6%97%B6/692466
[Link 4]: https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E6%97%B6/692237
[Unix Time Stamp]: http://pubs.opengroup.org/onlinepubs/9699919799/basedefs/V1_chap04.html#tag_04_16
[new]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new
[Date.prototype]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/prototype
[Date.now]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/now
[Date.parse]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse
[new Date_.getTime_]: https://segmentfault.com/q/1010000037753437
[https_github.com_iamkun_dayjs_blob_dev_docs_zh-cn_README.zh-CN.md]: https://github.com/iamkun/dayjs/blob/dev/docs/zh-cn/README.zh-CN.md
[Date.UTC]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC
[valueOf]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/valueof
[Link 5]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date