摘要：在內(nèi)部，日期以年月日以來的毫秒數(shù)表示。以毫秒為單位記錄原因。你也可以使用將返回一個(gè)時(shí)間戳以毫秒為單位而不是對(duì)象。如果您使用天數(shù)計(jì)算超過一個(gè)月，則不會(huì)出現(xiàn)錯(cuò)誤，日期將轉(zhuǎn)到下個(gè)月數(shù)月，小時(shí)，分鐘，秒和毫秒都是如此。

簡介

JavaScript通過強(qiáng)大的對(duì)象為我們提供日期處理功能：日期。

本文確實(shí)_不是_談?wù)?Moment.js ，我認(rèn)為它是處理日期的最佳庫，你應(yīng)該在處理日期時(shí)幾乎總是使用它。

Date對(duì)象實(shí)例表示單個(gè)時(shí)間點(diǎn)。

盡管被命名為Date，它也處理時(shí)間。

我們使用初始化Date對(duì)象

new Date()

這將創(chuàng)建一個(gè)指向當(dāng)前時(shí)刻的Date對(duì)象。

在內(nèi)部，日期以1970年1月1日（UTC）以來的毫秒數(shù)表示。這個(gè)日期很重要，因?yàn)榫陀?jì)算機(jī)而言，這就是一切開始的地方。

您可能熟悉UNIX時(shí)間戳：它表示自該著名日期以來經(jīng)過的seconds數(shù)。

重要：UNIX時(shí)間戳的原因以秒為單位。JavaScript以毫秒為單位記錄原因。

如果我們有UNIX時(shí)間戳，我們可以使用實(shí)例化JavaScript Date對(duì)象

const timestamp = 1530826365
new Date(timestamp * 1000)

如果我們傳遞0，我們將得到一個(gè)Date對(duì)象，表示1970年1月1日（UTC）的時(shí)間：

new Date(0)

如果我們傳遞一個(gè)字符串而不是一個(gè)數(shù)字，那么Date對(duì)象使用parse方法來確定您傳遞的日期。例子：

new Date("2018-07-22")
new Date("2018-07") //July 1st 2018, 00:00:00
new Date("2018") //Jan 1st 2018, 00:00:00
new Date("07/22/2018")
new Date("2018/07/22")
new Date("2018/7/22")
new Date("July 22, 2018")
new Date("July 22, 2018 07:22:13")
new Date("2018-07-22 07:22:13")
new Date("2018-07-22T07:22:13")
new Date("25 March 2018")
new Date("25 Mar 2018")
new Date("25 March, 2018")
new Date("March 25, 2018")
new Date("March 25 2018")
new Date("March 2018") //Mar 1st 2018, 00:00:00
new Date("2018 March") //Mar 1st 2018, 00:00:00
new Date("2018 MARCH") //Mar 1st 2018, 00:00:00
new Date("2018 march") //Mar 1st 2018, 00:00:00

這里有很多靈活性。您可以在幾個(gè)月或幾天內(nèi)添加或省略前導(dǎo)零。

小心月/日的位置，或者你可能最終將月份誤解為當(dāng)天。

你也可以使用Date.parse：

Date.parse("2018-07-22")
Date.parse("2018-07") //July 1st 2018, 00:00:00
Date.parse("2018") //Jan 1st 2018, 00:00:00
Date.parse("07/22/2018")
Date.parse("2018/07/22")
Date.parse("2018/7/22")
Date.parse("July 22, 2018")
Date.parse("July 22, 2018 07:22:13")
Date.parse("2018-07-22 07:22:13")
Date.parse("2018-07-22T07:22:13")

Date.parse將返回一個(gè)時(shí)間戳（以毫秒為單位）而不是Date對(duì)象。

您還可以傳遞一組代表日期各部分的有序值：年，月（從0開始），日，小時(shí)，分鐘，秒和毫秒：

new Date(2018, 6, 22, 7, 22, 13, 0)
new Date(2018, 6, 22)

最小值應(yīng)該是3個(gè)參數(shù)，但是大多數(shù)JavaScript引擎的解釋都比這些少：

new Date(2018, 6) //Sun Jul 01 2018 00:00:00 GMT+0200 (Central European Summer Time)
new Date(2018) //Thu Jan 01 1970 01:00:02 GMT+0100 (Central European Standard Time)

在任何這些情況下，生成的日期都相對(duì)于計(jì)算機(jī)的時(shí)區(qū)。這意味著兩臺(tái)不同的計(jì)算機(jī)可能會(huì)為同一日期對(duì)象輸出不同的值。

JavaScript沒有任何關(guān)于時(shí)區(qū)的信息，會(huì)將日期視為UTC，并自動(dòng)執(zhí)行到當(dāng)前計(jì)算機(jī)時(shí)區(qū)的轉(zhuǎn)換。

因此，總結(jié)一下，您可以通過4種方式創(chuàng)建新的Date對(duì)象

不傳參數(shù)，創(chuàng)建一個(gè)表示“現(xiàn)在”的Date對(duì)象

傳遞number，表示從格林威治標(biāo)準(zhǔn)時(shí)間1970年1月1日00:00開始的毫秒數(shù)

傳遞一個(gè)字符串，代表一個(gè)日期

傳遞一組參數(shù)，它們代表日期的不同部分

初始化日期時(shí)，您可以傳遞時(shí)區(qū)，因此日期不會(huì)被假定為UTC，然后轉(zhuǎn)換為您當(dāng)?shù)氐臅r(shí)區(qū)。

您可以通過以+ HOURS格式添加時(shí)區(qū)來指定時(shí)區(qū)，或者通過添加括在括號(hào)中的時(shí)區(qū)名稱來指定時(shí)區(qū)：

new Date("July 22, 2018 07:22:13 +0700")
new Date("July 22, 2018 07:22:13 (CET)")

如果在括號(hào)中指定了錯(cuò)誤的時(shí)區(qū)名稱，則JavaScript將默認(rèn)為UTC而不會(huì)報(bào)錯(cuò)。

如果您指定了錯(cuò)誤的數(shù)字格式，JavaScript將報(bào)“無效日期”的錯(cuò)誤。

給定Date對(duì)象，有很多方法將從該日期生成一個(gè)字符串：

const date = new Date("July 22, 2018 07:22:13")

date.toString() // "Sun Jul 22 2018 07:22:13 GMT+0200 (Central European Summer Time)"
date.toTimeString() //"07:22:13 GMT+0200 (Central European Summer Time)"
date.toUTCString() //"Sun, 22 Jul 2018 05:22:13 GMT"
date.toDateString() //"Sun Jul 22 2018"
date.toISOString() //"2018-07-22T05:22:13.000Z" (ISO 8601 format)
date.toLocaleString() //"22/07/2018, 07:22:13"
date.toLocaleTimeString()    //"07:22:13"
date.getTime() //1532236933000
date.getTime() //1532236933000

Date對(duì)象提供了幾種檢查其值的方法。這些都取決于計(jì)算機(jī)的當(dāng)前時(shí)區(qū)：

const date = new Date("July 22, 2018 07:22:13")

date.getDate() //22
date.getDay() //0 (0 means sunday, 1 means monday..)
date.getFullYear() //2018
date.getMonth() //6 (starts from 0)
date.getHours() //7
date.getMinutes() //22
date.getSeconds() //13
date.getMilliseconds() //0 (not specified)
date.getTime() //1532236933000
date.getTimezoneOffset() //-120 (will vary depending on where you are and when you check - this is CET during the summer). Returns the timezone difference expressed in minutes

這些方法有等效的UTC版本，它們返回UTC值而不是適合您當(dāng)前時(shí)區(qū)的值：

date.getUTCDate() //22
date.getUTCDay() //0 (0 means sunday, 1 means monday..)
date.getUTCFullYear() //2018
date.getUTCMonth() //6 (starts from 0)
date.getUTCHours() //5 (not 7 like above)
date.getUTCMinutes() //22
date.getUTCSeconds() //13
date.getUTCMilliseconds() //0 (not specified)

Date對(duì)象提供了幾種編輯日期值的方法：

const date = new Date("July 22, 2018 07:22:13")

date.setDate(newValue)
date.setDay(newValue)
date.setFullYear(newValue) //note: avoid setYear(), it"s deprecated
date.setMonth(newValue)
date.setHours(newValue)
date.setMinutes(newValue)
date.setSeconds(newValue)
date.setMilliseconds(newValue)
date.setTime(newValue)
date.setTimezoneOffset(newValue)

setDay和setMonth從0開始編號(hào)，因此例如March是2月。

你可以在setHours（）中添加多個(gè)參數(shù)來設(shè)置分鐘，秒和毫秒：setHours（0,0,0,0） - 這同樣適用于setMinutes和setSeconds。

至于get_，set_方法也有UTC等價(jià)物：

const date = new Date("July 22, 2018 07:22:13")

date.setUTCDate(newalue)
date.setUTCDay(newValue)
date.setUTCFullYear(newValue)
date.setUTCMonth(newValue)
date.setUTCHours(newValue)
date.setUTCMinutes(newValue)
date.setUTCSeconds(newValue)
date.setUTCMilliseconds(newValue)

如果要以毫秒為單位獲取當(dāng)前時(shí)間戳，可以使用速記

Date.now()

代替

new Date().getTime()

請(qǐng)注意。如果您使用天數(shù)計(jì)算超過一個(gè)月，則不會(huì)出現(xiàn)錯(cuò)誤，日期將轉(zhuǎn)到下個(gè)月：

new Date(2018, 6, 40) //Thu Aug 09 2018 00:00:00 GMT+0200 (Central European Summer Time)

數(shù)月，小時(shí)，分鐘，秒和毫秒都是如此。

現(xiàn)代瀏覽器中的支持良好國際化API（值得注意的例外：UC瀏覽器）允許您翻譯日期。

它是由Intl Object 暴露出來的，這也有助于本地化數(shù)字，字符串。

我來看看Intl.DateTimeFormat（）。

以下是如何使用它。

根據(jù)計(jì)算機(jī)默認(rèn)區(qū)域設(shè)置格式化日期：

// "12/22/2017"
const date = new Date("July 22, 2018 07:22:13")
new Intl.DateTimeFormat().format(date) //"22/07/2018" in my locale

根據(jù)不同的區(qū)域設(shè)置格式化日期：

new Intl.DateTimeFormat("en-US").format(date) //"7/22/2018"

Intl.DateTimeFormat方法采用可選參數(shù)，允許您自定義輸出顯示小時(shí)，分鐘和秒：

const options = {
  year: "numeric",
  month: "numeric",
  day: "numeric",
  hour: "numeric",
  minute: "numeric",
  second: "numeric"
}

new Intl.DateTimeFormat("en-US", options).format(date) //"7/22/2018, 7:22:13 AM"
new Intl.DateTimeFormat("it-IT", options2).format(date) //"22/7/2018, 07:22:13"

這里是您可以使用的所有屬性的參考。

您可以使用Date.getTime（）計(jì)算兩個(gè)日期之間的差異：

const date1 = new Date("July 10, 2018 07:22:13")
const date2 = new Date("July 22, 2018 07:22:13")
const diff = date2.getTime() - date1.getTime() //difference in milliseconds

以同樣的方式，您可以檢查兩個(gè)日期是否相等：

const date1 = new Date("July 10, 2018 07:22:13")
const date2 = new Date("July 10, 2018 07:22:13")
if (date2.getTime() === date1.getTime()) {
  //dates are equal
}

請(qǐng)記住，getTime（）返回的毫秒數(shù)，因此您需要在比較中考慮時(shí)間因素。2018年7月10日07:22:13 不等于2018年7月10日。在這種情況下，您可以使用setHours（0,0,0,0）重置時(shí)間。