如何在JavaScript中比较日期详解

发布时间:2022-11-25 09:21

日期是开发人员在创建实际应用程序时最常用的数据类型之一。 但通常,开发人员会在这种数据类型上苦苦挣扎,最终使用像 Moment.js 这样的日期库来完成简单的任务,这些任务不值得安装整个包所带来的大包大小。

当我们想到 JavaScript 中的日期比较时,我们会想到使用 Date 对象 (Date()),当然,它确实有效。

date 对象允许我们使用>,<,=, or>=比较运算符进行比较,但不能使用相等比较运算符,如==,!=,===, and!==(除非我们将日期方法附加到 date 对象)。

让我们从学习如何仅使用日期对象执行比较开始,然后我们将了解如何使用日期对象和日期方法执行相等比较。

如何在 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实现雪花飘落效果特效 网站建设

JavaScript实现雪花飘落效果特效

没有雪的冬天失去了冬天的美景,不见了千里冰封,万里雪飘的北国之美,诗人无从写雪,画家画不出雪景,摄影师拍不到冬天的美丽。雪,是冬天的灵魂,为大地铺好背景,之后发生的都如梦似幻,就像童话般的存在。冬天没...
深入理解JavaScript中实例对象和new命令 网站建设

深入理解JavaScript中实例对象和new命令

面向对象编程(Object Oriented Programming,缩写为OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟...