如何在JavaScript中比较日期详解

更新时间：2022年11月24日 16:06:07 作者：码农六六

我们在日常开发过程中经常会用到JavaScript语言在前端代码中,进行日期的选择,下面这篇文章主要给大家介绍了关于如何在JavaScript中比较日期的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

日期是开发人员在创建实际应用程序时最常用的数据类型之一。但通常，开发人员会在这种数据类型上苦苦挣扎，最终使用像 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中比较日期的文章就介绍到这了,更多相关JS日期比较内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

基于javascript实现简单的抽奖系统
这篇文章主要为大家详细介绍了基于javascript实现简单的抽奖系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-03-03
类似CSDN图片切换效果脚本
原来的脚本当只有一张图片时会弹出JavaScript脚本错误，特此将自己修改完的版本贴出。
2009-09-09
常用js字符串判断方法整理
js常用方法及字符串的常用判断方法都是在工作中经常用到的，在本文整理了一些，感兴趣的朋友可以参考下
2013-10-10
基于JavaScript+HTML编写一个日期选择插件
在现代Web应用程序中,日期选择器是一个非常常见的组件,用户可以使用它来选择特定的日期,在本篇文章中,我们将使用JavaScript和HTML来创建一个简单但功能强大的日期选择插件,这个日期选择插件是比较考验Js基本功的,需要的朋友可以参考下
2023-10-10
JS实现一个秒表计时器
这篇文章主要为大家详细介绍了JS实现一个秒表计时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
基于JS制作一个简易的2048游戏
这篇文章主要介绍了如何利用JS编写一个简单的2048小游戏,代码简单易懂对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-05-05
基于JavaScript实现手机短信按钮倒计时(超简单)
在淘宝等购物网站，我们都会看到一个发送短信倒计时的按钮，究竟是如何实现的呢？下面小编通过本篇文章给大家分享一段代码关于js实现手机短信按钮倒计时，需要的朋友参考下
2015-12-12
微信小程序进行微信支付的步骤昂述
最近开发微信小程序进入到支付阶段，一直以来从事App开发，所以支付流程还是熟记于心的。下面通过本文给大家讲述下微信小程序进行微信支付的步骤,需要的朋友可以参考下
2016-12-12
TypeScript 引用资源文件后提示找不到的异常处理技巧
这篇文章主要介绍了TypeScript 引用资源文件后提示找不到的异常处理,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-07-07
JavaScript代码实现txt文件的上传预览功能
本篇文章给大家介绍了JavaScript代码实现txt文件的上传预览功能，文字代码相结合的形式给大家介绍的非常详细，需要的朋友参考下吧
2018-03-03