如何在 JavaScript 中獲取月份中的日期?


在本教程中,我們將學習如何使用 JavaScript 找出月份中的日期。

我們將介紹用於獲取 JavaScript 中月份和日期名稱的最常用方法。如果您正在處理一個小型專案,那麼一開始就為一些基本功能安裝軟體包可能會令人沮喪。

對於小型應用程式,應使用 JavaScript 的內建方法;僅在絕對必要時才新增依賴項。

使用 getDate() 方法

Date 物件是用於處理日期和時間的一種內建資料型別。new Date() 建構函式建立 Date 物件,它帶有一系列用於管理和呈現該資料的內建方法。預設情況下,新的 Date 例項會生成一個表示當前日期和時間的物件(即,由計算機的系統設定決定)。我們對日期物件應用 getDate() 方法來僅查詢日期。

語法

以下是 getDate() 方法的語法:

new Date().getDate(); // current date
new Date("October 31, 2021 09:38:00").getDate() // custom date

我們在上面的語法中建立了日期物件,並使用getDate()屬性訪問日期。

示例

在這個示例中,我們可以看到如何使用 getDate() 方法根據裝置時間列印當前日期。這裡,我們建立了兩個日期物件。

對於day1,我們採用計算機的即時值,對於day2,我們在程式中查詢使用者提供的日期。透過這種方式,我們使用內建方法獲取月份中的日期。

以下是一個使用 getDate* 方法將日期格式化為 MM-DD-YYYY hh:mm:ss 的示例。

<html> <body> <h3>Get the day of month using <i>getDate()</i> method</h3> <p id = "output1"></p> <p id = "output2"></p> </body> <script> // Get the current date let day1 = new Date().getDate(); document.getElementById("output1").innerHTML = day1; //current date // Get a day in the week of a certain date let day2 = new Date("October 31, 2021 09:38:00").getDate(); document.getElementById("output2").innerHTML = day2; //31 </script> </html>

使用 getUTCDate() 方法

由世界時間標準確定的時間稱為UTC(協調世界時)。GMT 和 UTC 是同一個時區(格林威治標準時間)。

所有 JavaScript getUTC() 方法都假定使用 Date 的本地時間。此函式返回日期物件中月份的日期,範圍從 1 到 31。getUTCDate() 函式返回根據 UTC 的日期。

語法

以下是 getUTCDate() 方法的語法:

new Date().getUTCDate(); // current date
new Date("October 31, 2021 09:38:00").getUTCDate () // custom date

在上面的語法中,我們使用了日期物件的getUTCDate()屬性。

示例

在這個示例中,我們將展示如何透過使用 getUTCDate() 方法根據裝置時間列印當前日期。

我們分別使用計算機的即時值作為day1和使用者輸入程式的日期作為day2

因此,我們嘗試透過使用 getUTCDate() 方法根據裝置時間列印當前日期。透過使用內建方法,我們可以透過這種方式獲取月份中的日期。

以下是一個使用 getUTC* 方法將日期格式化為 MM-DD-YYYY hh:mm:ss 的示例。透過使用內建方法,我們可以透過這種方式獲取月份中的日期。

<html> <body> <h3>Get the day of month using <i>getDate()</i> method</h3> <p id = "output1"></p> <p id = "output2"></p> </body> <script> // Get the current date let day1 = new Date().getUTCDate(); document.getElementById("output1").innerHTML = day1; //current date // Get a day in the week of a certain date let day2 = new Date("September 29, 2021 09:38:00").getUTCDate(); document.getElementById("output2").innerHTML = day2; //31 </script> </html>

在本教程中,我們瞭解到可以使用 JavaScript 的內建方法getDate()getUTCDate()來查詢月份中的日期。

getDate()方法以格林威治標準時間 (GMT) 區域向用戶螢幕顯示日期。

getUTCDate() 根據協調世界時 (UTC) 區域顯示日期。這兩種方法在全球範圍內對任何地區和裝置時間都顯示相同的時間。

更新於: 2022-08-26

6K+ 次檢視

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.