怎么在JavaScript中比较日期

本文讲解"如何在JavaScript中比较日期",希望能够解决相关问题。

如何在 JavaScript 中与日期对象进行日期比较

假设我们想在 JavaScript 中比较两个日期。我们可以通过这种方式轻松使用 Date 对象 ( Date()):

let date1 = new Date();
let date2 = new Date();
 
if (date1 > date2) {
  console.log("Date 1 is greater than Date 2");
} else if (date1 < date2) {
  console.log("Date 1 is less than Date 2");
} else {
  console.log("Both Dates are same");
}

 以上将返回两个日期相同,因为我们没有传递不同的日期:

"Both Dates are same"

现在让我们传入不同的日期值:

let date1 = new Date();
let date2 = new Date("6/01/2022");
 
if (date1 > date2) {
  console.log("Date 1 is greater than Date 2");
} else if (date1 < date2) {
  console.log("Date 1 is less than Date 2");
} else {
  console.log("Both Dates are same");
}

现在将返回以下内容:

"Date 1 is greater than Date 2"

幸运的是,当前两个条件失败时,上面将相等作为最后一个选项。但是假设我们尝试以这种方式将相等作为条件处理:

let date1 = new Date();
let date2 = new Date();
 
if (date1 === date2) {
  console.log("Both Dates are same");
} else {
  console.log("Not the same");
}

 它将返回以下内容,这是错误的

"Not the same"

如何使用 JavaScript 进行等式比较

为了处理相等比较,我们使用日期对象和getTime()返回毫秒数的日期方法。但是,如果我们想比较特定的信息,如日、月等,我们可以使用其他日期方法,如getDate()、getHours()、和。getDay()getMonth()getYear()

let date1 = new Date();
let date2 = new Date();
 
if (date1.getTime() === date2.getTime()) {
  console.log("Both  are equal");
} else {
  console.log("Not equal");
}

 这将返回:

"Both are equal"

 我们可以将不同的日期传入到日期对象中进行比较:

let date1 = new Date("12/01/2021");
let date2 = new Date("09/06/2022");
 
if (date1.getTime() === date2.getTime()) {
  console.log("Both  are equal");
} else {
  console.log("Not equal");
}

 正如预期的那样,这将返回:

"Not equal"

 注意:通过该getTime()方法,我们可以使用所有比较运算符执行所有形式的日期比较,即>、<、<=、>=、==、!=、===和!==。

如何执行特定日期比较

假设我们想要比较特定的日期值,比如年份。然后我们可以这样使用.getYear()日期方法:

let date1 = new Date("06/21/2022").getYear();
let date2 = new Date("07/28/2021").getYear();
 
if (date1 < date2) {
  console.log("Date1 is less than Date2 in terms of year");
} else if (date1 > date2) {
  console.log("Date1 is greater than Date2 in terms of year");
} else {
  console.log(`Both years are equal`);
}

关于 "如何在JavaScript中比较日期" 就介绍到此。希望多多支持编程宝库

 vue router-link添加mouseover提示直接上代码:<router-link :to="item.path" class="tags-li-ti ...