如何在 JavaScript 中檢查兩個時間戳是否在同一天?


在開發應用程式時,你幾乎總是會用到 JavaScript,並且也會用到 Date 物件。Date 物件在 JavaScript 中非常重要,它允許我們根據開發人員的需求建立和操作日期。

在本教程中,我們將學習如何檢查兩個時間戳是否屬於同一天或不同的一天。在即時開發中,這非常有用。例如,我們希望使用者執行一些每日任務。因此,我們需要檢查使用者是否已執行了當天的任務,我們可以透過比較執行任務的最後日期和當前日期來檢查。

分別比較兩個 Date 物件的年份、月份和日期

Date() 物件包含 getFullYear()、getMonth() 和 getDate() 方法,分別用於從日期值獲取年份、月份和日期。我們可以檢查兩個時間戳的年份、月份和日期是否相等;如果相等,則它們屬於同一天。

語法

使用者可以按照以下語法使用 getFullYear()、getMonth()、getDate() 和相等運算子來檢查兩個時間戳是否在同一天。

if (
   date1.getFullYear() === date2.getFullYear() &&
   date1.getMonth() === date2.getMonth() &&
   date1.getDate() === date2.getDate()
) {
   
   // date is the same
} else {
   
   // date is not the same
} 

在上述語法中,date1 和 date2 是兩個不同的時間戳。

示例

在下面的示例中,我們建立了三個名為 date1、date2 和 date3 的日期。我們建立了 compareTwoDates() 函式,該函式使用上述邏輯來比較兩個時間戳是否在同一天。

<html>
<body>
   <h3>Compare the<i> year, month, and date </i> to check for two timestams of same day.</h3>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      var date1 = new Date();
      var date2 = new Date(date1.getTime() - 3000);
      function compareTwoDates(date1, date2) {
         
         // if the year, month, and date are the same, it means two dates are on the same day
         if (
            date1.getFullYear() === date2.getFullYear() &&
            date1.getMonth() === date2.getMonth() &&
            date1.getDate() === date2.getDate()
         ) {
            output.innerHTML += date1 + " and <br>" + date2 + " <br>are of same day. </br><br>";
         } else {
            output.innerHTML += date1 + " and <br>" + date2 + " <br>are not of same day. </br>";
         }
      }
      compareTwoDates(date1, date2);
      let date3 = new Date(2020, 11, 10);
      compareTwoDates(date1, date3);
   </script> 
</body>
</html>

將小時、分鐘、秒和毫秒設定為零並比較兩個日期

Date() 物件的 setHours() 方法允許我們設定時間戳中的小時、分鐘、秒和毫秒。它接受四個引數,分別表示小時、分鐘、秒和毫秒。最後三個引數是可選的,但我們將全部設定為零。當我們將小時、分鐘、秒和毫秒設定為零時,我們可以獲取一天開始的時間戳。如果兩個時間戳的開始時間相同,則時間戳屬於同一天。

語法

請按照以下語法比較兩個時間戳是否在同一天。

date1.setHours(0, 0, 0, 0);
date2.setHours(0, 0, 0, 0);
   
// compare timestamp
if (date1 == date2) {
   
   // date is the same
} else {
   
   // date is not the same
} 

在上述語法中,我們使用 setHours() 方法將小時設定為零後,比較 date1date2

示例

在下面的示例中,我們使用 Date() 物件建立了兩個時間戳。compareTwoDates() 函式透過將兩個時間戳的小時、分鐘、秒和毫秒都設定為零來檢查時間戳是否屬於同一天。

<html>
<body>
   <h3>Seting<i> Hours, minutes, seconds, and milliseconds </i> to zero to check for two timestamps of the same day </h3>
   <p id="output"></p>
   <script>
      let output = document.getElementById("output");
      var date1 = new Date();
      var date2 = new Date(date1.getTime() - 3786000);
      function compareTwoDates(date1, date2) {
         
         // set hours, minutes, seconds, and milliseconds zero in the timestamp
         date1.setHours(0, 0, 0, 0);
         date2.setHours(0, 0, 0, 0);
         
         // compare timestamp
         if (date1 == date2) {
            output.innerHTML += date1 + " and <br>" + date2 + "<br> are of same day. </br>";
         } else {
            output.innerHTML += date1 + " and <br>" + date2 + "<br> are not of same day. </br>";
         }
      }
      compareTwoDates(date1, date2);
   </script>
</body>
</html> 

使用 toDateString() 方法

toDateString() 方法允許我們僅從時間戳獲取日期字串,它會從時間戳中刪除時間並僅返回日期字串。如果兩個時間戳的日期字串相同,我們可以說它們屬於同一天。

語法

請按照以下語法使用 toDateString() 方法檢查兩個時間戳是否在同一天。

if (date1.toDateString() == date2.toDateString()) {
   
   // dates are of the same day
} else {
   
   // dates are not on the same day
} 

示例

在下面的示例中,當用戶點選“比較兩個日期”按鈕時,它會呼叫 isForSameDays() 函式。在 isForSameDays() 函式內部,我們使用 toDateString() 方法從時間戳獲取僅日期字串,並使用相等運算子比較兩個日期字串。

<html>
<body>
   <h3>Using the <i> toDateString() method </i> to check for two timestams of same day.</h3>
   <p id="output"></p>
   <script>
      let output = document.getElementById("output");
      var date1 = new Date();
      var date2 = new Date(2020, 01, 21, 12, 23, 22);
      
      // compare timestamp using the toDateString() method
      if (date1.toDateString() == date2.toDateString()) {
         output.innerHTML += date1 + " and " + date2 + " are of same day. </br>";
      } else {
         output.innerHTML += date1 + " and " + date2 + " are not of same day. </br>";
      }
   </script>
</body>
</html>

本教程向我們介紹了三種檢查兩個時間戳是否在同一天的方法。使用 toDateString() 方法的第三種方法非常簡單,只需一行程式碼即可實現。

更新於: 2023年3月10日

5K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告