本文針對 JavaScript 的內置 Date 物件進行詳細介紹，
1、簡介
JavaScript 提供了內置物件 Date，用于處理時間，它是基于 Unix Time Stamp（Unix 時間戳）的，即從 1970 年 1 月 1 日 0 點 0 時 0 分（UTC）到此刻經過的毫秒數（下文稱該時間為 Unix Zero Time），
Date.now() // 1593002422045
回傳自 Unix Zero Time 以來，到代碼運行時刻的時間戳，
2、創建時間物件
創建一個新的 Date 物件唯一的方法是通過 new 運算子，如果直接呼叫 Date 函式，回傳字串，而非 Date 物件，
Date 有四種建構式：
2.1、無引數
呼叫無引數建構式，回傳代碼執行時刻的時間，
let now = new Date() // Wed Jun 24 2020 20:54:21 GMT+0800 (中國標準時間)
2.2、Unix 時間戳作為引數值
提供 Unix 時間戳作為引數值，該值表示自 “1970 年 1 月 1 日 00:00:00” 以來的毫秒數，
// 當前時間
let now = new Date()
// Wed Jun 24 2020 20:59:39 GMT+0800 (中國標準時間)
// 兩小時以后的時間
let later = new Date(now.getTime() + 2 * 60 * 60 * 1000)
// Wed Jun 24 2020 22:59:39 GMT+0800 (中國標準時間)
2.3、日期字串
該字串必須符合 IETF-compliant RFC 2822 timestamps 或 version of ISO8601 格式，
// 提供 ISO8601 格式的日期字串
new Date('2020-06-24T16:06:26.860Z')
// Thu Jun 25 2020 00:06:26 GMT+0800 (中國標準時間)
// 提供 RFC 2822 格式的日期字串
new Date('24 Jun 2020 16:06:26 GMT')
// Thu Jun 25 2020 00:06:26 GMT+0800 (中國標準時間)
new Date('Wed, 24 Jun 2020 16:06:26 GMT')
// Thu Jun 25 2020 00:06:26 GMT+0800 (中國標準時間)
注意：
強烈建議不要使用這種指定日期字串的方式構造
Date物件，因為瀏覽器差異，會導致決議不一致，同時，也不建議使用Date.parse()方法決議時間，考慮自己寫一個方法決議時間字串，或使用一些時間處理框架，
2.4、分別提供日期成員
語法：Date(year, monthIndex, ?day, ?hours, ?minutes, ?seconds, ?milliseconds)
year- 如果填 0-99 ，會映射為 1900 到 1999年，其他值表示實際年份，也可以小于 1970，
monthIndex- 表示月份的索引，從 0 開始表示第 1 月，默認為 0，
day- 表示一個月中的第幾天，從 1 開始，默認為 1，
hours- 表示一天中的小時數（24 小時制），默認為 0，
minutes- 表示分鐘，默認為 0，
seconds- 表示秒，默認為 0，
milliseconds- 表示毫秒，默認為 0，
最少提供 2 個引數：year，monthIndex，最多 7 個，
你可能期望僅提供一個引數 year，實際上這會被當成“時間戳構造方式”來處理，
new Date(2000)
// Thu Jan 01 1970 08:00:02 GMT+0800 (中國標準時間)
下面我們來創建一個 Date 物件，希望表示 21 世紀第一天，
// 1月份以 0 開始的
new Date(2000, 0, 1)
// Sat Jan 01 2000 00:00:00 GMT+0800 (中國標準時間)
實際上，以上時間并非 UTC 時間，傳入的引數默認表示的是本地時間，
如果想要轉換為 UTC 時間，可以呼叫 Date.UTC() 得到時間戳后，再傳給 Date 建構式，
注意：默認創建的物件是表示本地時間的，而非 UTC 時間，因此，以上代表的時間只是北京時間到了世紀之初，而非世界時已經進入了新世紀，因為我們在東八區，比 UTC 時間晚 8 個小時，
let millis = Date.UTC(2000, 0, 1)
// 這才真正的21世紀第一天
new Date(millis)
// Sat Jan 01 2000 08:00:00 GMT+0800 (中國標準時間)
如果引數超出合理范圍，會自動進位，
new Date(2000, 0, 1)
// Sat Jan 01 2000 00:00:00 GMT+0800 (中國標準時間)
// 月份超出了 11，多了 1 個月，進位到下一年的 1 月，
new Date(2000, 12, 1)
// Mon Jan 01 2001 00:00:00 GMT+0800 (中國標準時間)
// 日期超出了 1 月 的最大值 31，多了 1 天，進位為 2 月 1 日
new Date(2000,0, 32)
// Tue Feb 01 2000 00:00:00 GMT+0800 (中國標準時間)
// 日期超出的天數可以跨多個月
new Date(2000, 0, 60)
// Tue Feb 29 2000 00:00:00 GMT+0800 (中國標準時間)
// 碰到跨 2 月時，還可以自動處理閏月的天數問題
// 2000 年 2 月是 29 天
new Date(2000, 0, 61)
// Wed Mar 01 2000 00:00:00 GMT+0800 (中國標準時間)
// 其他 hour, minutes, minute, milliseconds 類似，不再贅述
3、方法
3.1、各種 toString 方法
let now = new Date(2000, 0)
// 以下輸出為本地時間表示的字串
now.toString() // Sat Jan 01 2000 00:00:00 GMT+0800 (中國標準時間)
now.toDateString() // "Sat Jan 01 2000"
now.toTimeString() // "00:00:00 GMT+0800 (中國標準時間)"
now.toLocalString() // "2000/1/1 上午12:00:00"
now.toLocaleDateString() // "2000/1/1"
now.toLocaleTimeString() // "上午12:00:00"
// 以下輸出為 UTC 時間表示的字串
now.toISOString() // "1999-12-31T16:00:00.000Z"
now.toUTCString() // "Fri, 31 Dec 1999 16:00:00 GMT"
now.toGMTString() // "Fri, 31 Dec 1999 16:00:00 GMT"
now.toJSON() // "1999-12-31T16:00:00.000Z"
上述示例可以看出：toJSON 方法和 toISOString 的輸出格式是一樣的；toUTCString 和 toGMTString 的輸出格式是一樣的，
3.2、獲取時間各部分的方法
getter 方法:
getFullYear，getMonth，getDate，getHours，getMinutes，getSeconds，getMilliseconds，getUTCFullYear，getUTCMonth，getUTCDate，getUTCHours，getUTCMinutes，getUTCSeconds，getUTCMilliseconds
setter 方法:
setFullYear，setMonth，setDate，setHours，setMinutes，setSeconds，setMilliseconds，setUTCFullYear，setUTCMonth，setUTCDate，setUTCHours，setUTCMinutes，setUTCSeconds，setUTCMilliseconds
let now = new Date(2000, 0) // Sat Jan 01 2000 00:00:00 GMT+0800 (中國標準時間)
// 輸入為 ISO8601 格式，方便查看
now.toISOString() // "1999-12-31T16:00:00.000Z"
// 以下方法基于本地時間輸出
now.getFullYear() // 2000
now.getMonth() // 0, 注意：這里以 0 開始的 monthIndex，因此 1 月輸出為 0
now.getDate() // 1
now.getHours() // 0
now.getMinutes() // 0
now.getSeconds() // 0
now.getMilliseconds() // 0
// 以上 getter 方法對應的 setter 方法的示例說明略
// 以下方法基于 UTC 的時間
now.getUTCFullYear() // 1999
now.getUTCMonth() // 11，注意：這里以 0 開始的 monthIndex，因此 12 月輸出為 11
now.getUTCDate() // 31
now.getUTCHours() // 16
now.getUTCMinutes() // 0
now.getUTCSeconds() // 0
now.getUTCMilliseconds() // 0
// 以上 getter 方法對應的 setter 方法的示例說明略
注意
getYear已廢棄，請使用getFullYear，雖然有些瀏覽器還支持，但不建議再使用它，因為很明顯它有“千年蟲問題”（作者也堪稱程式界老油條啊，95 年發布 JavaScript，他就沒想到 2000 年只有幾年就要到了嗎？還是明知道就是不想去改？）
3.3、其他方法
使用 getTimezoneOffset 可以獲得本地時區和 UTC 之間的偏移分鐘數，
new Date().getTimezoneOffset() // 480
回傳值 480分鐘，即 8 小時，因為本地時間為北京時間，處于東八區，
valueOf() 回傳時間戳， getTime()，Date.now() 也回傳時間戳，
let timestamp = Date.now() // 1593013216800
let now = new Date(timestamp)
now.valueOf() // 1593013216800
now.getTime() // 1593013216800
4、總結
- 強烈建議不要使用
new Date(dateString)或Date.parse(dateString)方法決議日期，因為各瀏覽器的實作差異可能會造成決議失敗， getYear,setYear已經廢棄，雖然瀏覽器還支持它，但不建議使用，- 呼叫那些不帶
UTC的方法名，一般都是基于本地時間的；如果想基于UTC時間，使用那些帶UTC的方法， - 以“分別指定時間各部分”的方式構造
Date實體時，默認是基于本地時間的，如果要想基于UTC時間，可以將各時間引數先傳入Date.UTC()方法，通過該方法回傳的時間戳，再傳給new Date(timestamp)創建，
5、參考
- MDN: JavaScript 標準內置物件 Date
- moment.js 時間處理庫
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/170231.html
標籤：其他
下一篇：按需動態加載js