如何在 JavaScript 中獲取一週中的日期？

本教程將介紹在 JavaScript 中獲取一週中的日期和日期名稱的最常用技術。

需要記住的是，如果您正在處理一個小型專案，那麼開始為一些基本內容安裝軟體包可能會很困難。小型應用程式應該使用 JavaScript 的內建技術開發；只有在絕對必要時才應包含依賴項。

以下是獲取 JavaScript 中一週中的日期的方法：

  • 使用 getDay() 方法

  • 使用 toLocaleString() 方法

使用 getDay() 方法

使用 JavaScript 的 getDay() 方法確定一週中的日期。

JavaScript 日期物件的 getDay() 方法根據本地時間返回給定日期的星期幾。

getDay() 函式返回一個表示一週中的日期的整數：0 表示星期日，1 表示星期一，2 表示星期二，依此類推。

語法

以下是獲取一週中的日期的語法：

let day = new Date().getDay(); //current day
let day = new Date("August 6, 2022 09:38:00").getDay(); // custom day

在上面的語法中，我們使用了 Date() 物件的 getDay() 方法。

示例

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

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

這是一個示例，它使用 getDay* 方法將日期格式化為 MM-DD-YYYY hh:mm:ss。這裡，星期日是 0，星期一是 1，依此類推。

<html>
<body>
   <h3>Get the day of the week using <i>getDate() </i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
   
      // Get current day
      let day1 = new Date().getDay();
      document.getElementById("output1").innerHTML = day1; //current day of the week

      // Get day in the week of a certain date
      let day2 = new Date("August 6, 2022 09:38:00").getDay();
      document.getElementById("output2").innerHTML = day2; //6
   </script>
</html>

使用 toLocaleString() 方法

toLocaleString() 方法返回一個字串，該字串表示此日期，並符合所用語言。在提供該 API 的實現中，此函式僅呼叫 Intl.DateTimeFormat。

此函式應返回語言和日期名稱。它可以透過指定預設值根據使用者的瀏覽器選擇而改變。要檢索日期的完整名稱，我們在選項物件中將 weekday 設定為 long。其他一些選項是 short 和 narrow 值。如果您希望在不同的區域設定中獲取日期名稱，請將區域設定作為第一個引數傳遞給該方法。

語法

以下是 toLocaleString() 方法的語法：

let date = new Date();
let day = date.toLocaleString();

上述語法顯示了使用 toLocaleString() 方法獲取特定日期物件的日期。

示例

在此示例中，我們可以看到如何使用 toLocaleString() 方法根據裝置時間列印當前一週中的日期。我們使用 weekday 設定為 long 來獲取日期的完整名稱。在變數day1中，我們根據計算機設定獲取當前日期的值。在變數day2中，我們獲取程式中使用者提供的日期的值。這是 JavaScript 的內建方法。

<html>
<body>
   <h3>Get the day of the week using <i>getDate()</i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
      
      // Get current day
      let day1 = new Date().toLocaleString('en-US', { weekday: 'long',});
      document.getElementById("output1").innerHTML = day1; //current day of the week
      
      // Get day in the week of a certain date
      let day2 = new Date("August 6, 2022 09:38:00").toLocaleString('en-US', { weekday: 'long',});
      document.getElementById("output2").innerHTML = day2;
   </script>
</html>

在本教程中，我們學習瞭如何使用 JavaScript 的內建方法 getDay() 和 toLocaleString() 來查詢一週中的日期。

getDay() 方法以格林威治標準時間 (GMT) 區域在使用者的螢幕上顯示星期幾。

toLocaleString() 根據特定的區域設定顯示日期。區域設定可以在程式碼中更改。這兩種方法都顯示全世界任何區域和裝置時間相同的日期。

更新於： 2022-08-26

2K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.