如何操作 JavaScript 的 Date 物件？

要操作 JavaScript 的 Date 物件，您可以使用 get 或 set 方法和屬性。例如，在 JavaScript 中設定小時或獲取分鐘。

建立 Date 物件後，許多方法允許您對其進行操作。大多數方法只允許您獲取和設定物件的年份、月份、日期、小時、分鐘、秒和毫秒欄位，使用本地時間或 UTC（通用或 GMT）時間。

以下是用於 Date 的方法列表及其說明。

序號 方法及說明
1

date()

返回今天的日期和時間
2

getDate()

根據本地時間返回指定日期的月份中的日期。
3

getDay()

根據本地時間返回指定日期的一週中的日期
4

getFullYear()

根據本地時間返回指定日期的年份。
5

getHours()

根據本地時間返回指定日期的小時。
6

getMilliseconds()

根據本地時間返回指定日期的毫秒。
7

getMinutes()

根據本地時間返回指定日期的分鐘。
8

getMonth()

根據本地時間返回指定日期的月份
9

getSeconds()

根據本地時間返回指定日期的秒數。
10

setDate()

根據本地時間設定指定日期的月份中的日期。
11

setFullYear()

根據本地時間設定指定日期的完整年份。
12

setHours()

根據本地時間設定指定日期的小時。
13

setMilliseconds()

根據本地時間設定指定日期的毫秒。
14

setMinutes()

根據本地時間設定指定日期的分鐘。

讓我們詳細瞭解以下內容：

  • 建立 Date 物件。

  • 格式化 Date 物件。

  • 更新 Date 物件。

建立 Date 物件

Date 物件可以透過多種方式建立。可以使用 Date 建構函式或 date 物件的 now() 方法建立當前日期和時間的簡單 Date 物件。我們可以透過將日期字串傳遞到 Date 物件建構函式中來為特定日期和時間建立一個 Date 物件。

語法

使用者可以按照以下語法建立 Date 物件：

  • 當前日期和時間

let date = new Date()
// Thu Aug 18 2022 19:54:39 GMT+0530 (India Standard Time)
date = Date.now()
// 1660832679758

在以上語法中，使用 Date 建構函式建立 Date 物件提供當前日期和時間的格式化字串，而 now() 方法提供自 1970 年 1 月 1 日 00:00:00（UTC）以來的總毫秒數。

  • 使用 Date 建構函式引數

let date = new Date("2000-11-09")
// Thu Nov 09 2000 05:30:00 GMT+0530 (India Standard Time)
date = new Date("2000-11-09T07:00Z")
// Thu Nov 09 2000 12:30:00 GMT+0530 (India Standard Time)
date = new Date("2000-11-09T07:00")
// Thu Nov 09 2000 07:00:00 GMT+0530 (India Standard Time)
date = new Date("2000-11-09T07:00+05:30")
// Thu Nov 09 2000 07:00:00 GMT+0530 (India Standard Time)

在以上語法中，使用者可以看到日期和時間建構函式引數字串具有如下格式：

YYYY-MM-DDTHH:mm:ss.sssZ

其中，

  • YYYY：年份

  • MM：一年中的月份（01-12）

  • DD：日期（01 到 31）

  • HH：24 小時制的小時（0 到 23）

  • mm：分鐘（00 到 59）

  • ss：秒（00 到 59）

  • sss：毫秒（000 到 999）

  • T 是字串中日期和時間之間的分隔符。

  • Z 表示 UTC 時間。否則，時間被視為本地時間。如果未使用 Z，則在字串末尾使用 "+hh:mm" 或 "-hh:mm" 以獲取本地時區資料和時間。

  • 使用時間戳

let date = new Date(1660838032771)
// Thu Aug 18 2022 21:23:52 GMT+0530 (India Standard Time)

在以上語法中，我們使用時間戳建立了一個 Date 物件。

格式化 Date 物件

使用不同的方法，我們可以將 Date 物件的字串格式化為多種形式。下面我們描述了一些用於格式化 Date 物件字串的方法。

let date = new Date("2000-11-09")
date.toString()
// Thu Nov 09 2000 05:30:00 GMT+0530 (India Standard Time)
date.toDateString()
// Thu Nov 09 2000
date.toLocaleString()
// 11/9/2000, 5:30:00 AM
date.toLocaleDateString()
// 11/9/2000
date.toLocaleTimeString()
// 5:30:00 AM
date.toGMTString()
// Thu, 09 Nov 2000 00:00:00 GMT
date.toISOString()
// 2000-11-09T00:00:00.000Z
date.toUTCString()
// Thu, 09 Nov 2000 00:00:00 GMT
date.toTimeString()
// 05:30:00 GMT+0530 (India Standard Time)
date.getTime()
// 973728000000

在以上語法中，我們展示了不同的方法來格式化 Date 物件，以及它們返回的值。

示例

在此示例中，我們在按鈕點選後將 Date 物件格式化為不同的形式。

<html>
<body>
   <p> Manipulate JavaScript's Date object by <i> Formatting the Date string </i></p>
   <p id = "element"></p>
   <button onclick = "format()"> Format Date</button>
   <p id = "root"></p>
   <script>
      let root = document.getElementById('root')
      const date = new Date()
      document.getElementById('element').innerHTML = "<b>Date: </b>" + date;
      function format() {
         let str = '<b> Using toLocaleString(): </b> ' + date.toLocaleString() + '<br />'
         str += ' <b> Using toISOString(): </b> ' + date.toISOString() + '<br />'
         str += '<b> Using getTime(): </b> ' + date.getTime()
         root.innerHTML = str
      }
   </script>
</body>
</html>

更新 Date 物件

Date 物件可以透過使用一些方法來更新。在下面，我們討論了一些更新 Date 物件的方法。

const date = new Date("2022-01-30")
// Sun Jan 30 2022 05:30:00 GMT+0530 (India Standard Time)
date.setYear(1947)
// Thu Jan 30 1947 05:30:00 GMT+0530 (India Standard Time)
date.setMonth(7)
// Sat Aug 30 1947 05:30:00 GMT+0530 (India Standard Time)
date.setDate(15)
// Fri Aug 15 1947 05:30:00 GMT+0530 (India Standard Time)
date.setHours(10)
// Fri Aug 15 1947 10:30:00 GMT+0530 (India Standard Time)
date.setMinutes(21)
// Fri Aug 15 1947 10:21:00 GMT+0530 (India Standard Time)
date.setUTCDate(1)
// Fri Aug 01 1947 10:21:00 GMT+0530 (India Standard Time)
date.setUTCMinutes(56)
// Fri Aug 01 1947 10:26:00 GMT+0530 (India Standard Time)

在以上語法中，這些方法用於更新日期物件，例如 setYear() 方法更新 Date 物件的年份。類似地，每個方法都更新 Date 物件的不同屬性。

示例

在此示例中，我們使用了一些方法來使用不同的按鈕點選事件更新 Date 物件。

<html>
<body>
   <p> Manipulate JavaScript's Date object by <i> Updating the Date object</i></p>
   <button onclick = "updateYear()"> Update Year to 2022</button>
   <button onclick = "updateMonth()"> Update Month to August</button>
   <button onclick = "updateDate()"> Update Date to 15</button>
   <p id = "root"></p>
   <script>
      let root = document.getElementById('root')
      let status = document.getElementById('status')
      const date = new Date("2000-11-09")
      root.innerHTML = " <b>Date: </b> " + date;
      function updateYear() {
         date.setYear(2022)
         root.innerHTML = " <b> Date: </b> " + date;
      }
      function updateMonth() {
         date.setMonth(7)
         root.innerHTML = " <b> Date: </b> " + date;
      }
      function updateDate() {
         date.setDate(15)
         root.innerHTML = " <b> Date: </b> " + date;
      }
   </script>
</body>
</html>

在本教程中，我們討論了藉助不同的示例建立、格式化和更新 Date 物件。

更新於： 2022 年 10 月 20 日

2K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.