如何在 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() 方法的第三種方法非常簡單,只需一行程式碼即可實現。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP