如何在 JavaScript 中檢查同一天的兩個時間戳記？-js教程-PHP中文網

分別比較兩個Date物件的年月日

文法

範例

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

使用 toDateString() 方法

首頁

web前端

js教程

如何在 JavaScript 中檢查同一天的兩個時間戳記？

PHPz

Sep 15, 2023 pm 09:45 PM

如何在 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() 方法將小時設為零後比較 date1 和 date2 。

範例

在下面的範例中，我們使用 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() 方法的第三種方法是非常簡單的單行程式碼。

以上是如何在 JavaScript 中檢查同一天的兩個時間戳記？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

7781

Java教學

1644

CakePHP 教程

1399

Laravel 教程

1296

PHP教程

1234

Related knowledge

前端熱敏紙小票打印遇到亂碼問題怎麼辦？ Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中，小票打印是一個常見的需求。然而，很多開發者在實...

神秘的JavaScript：它的作用以及為什麼重要 Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。