如何在JavaScript中比较日期详解

目录
  • 前言
  • 如何在 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日期比较内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • js 日期比较相关天数代码

    复制代码 代码如下: <html> <body> <input type="text" id="Tb_Set_Time" size="10" width="200" value="2014-11-12"/> <input type="text" id="Tb_End_Time" size="10" widt

  • javascript日期比较方法实例分析

    本文实例讲述了javascript日期比较方法.分享给大家供大家参考,具体如下: 今天为了实现这么一个功能--用户可以手动输入日期,但是日期只能输入在今天之前的,今天之后的时间就不能提交,即今天是15号,只能输入15号之前的日期,15号之后的日期不能输入 /** 将字符串为yyyyMMdd格式的字符串转换为日期类型 date就是日期字符串 */ function getDate(date){ var year = date.substr(0,4);//substr()是从0开始计算的 var m

  • javascript比较两个日期的先后示例代码

    代码很简单,这里就不多废话了,直接奉上代码吧: 复制代码 代码如下: function checkDate(){ //replace(/\-/g, "\/")是根据验证表达式把日期转化成长日期格式 var sDate = new Date(document.getElementById_x("datetimepickerStart").value.replace(/\-/g, "\/"));     var eDate = new Date(do

  • js比较日期大小的方法

    本文实例讲述了js比较日期大小的方法.分享给大家供大家参考.具体如下: function DateDiff(d1,d2){ var result = Date.parse(d1.replace(/-/g,"/"))- Date.parse(d2.replace(/-/g,"/")); return result; } function DateDiff(d1,d2){ start_at = new Date(d1.replace(/^(\d{4})(\d{2})(\

  • JS实现字符串转日期并比较大小实例分析

    本文实例分析了JS实现字符串转日期并比较大小的方法.分享给大家供大家参考,具体如下: 方法1: function compareDate(DateOne, DateTwo) { var OneMonth = DateOne.substring(5, DateOne.lastIndexOf("-")); var OneDay = DateOne.substring(DateOne.length, DateOne.lastIndexOf("-") + 1); var O

  • javascript比较两个日期相差天数的方法

    本文实例讲述了javascript比较两个日期相差天数的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content

  • JS 日期比较大小的简单实例

    1,比较日期大小的js代码 复制代码 代码如下: <script>var beginDate=$("#beginDate").val();   var endDate=$("#endDate").val();   var d1 = new Date(beginDate.replace(/\-/g, "\/"));   var d2 = new Date(endDate.replace(/\-/g, "\/"));

  • js 两个日期比较相差多少天的实例

    如下所示: var day1 = new Date("2017-9-17"); var day2 = new Date("2017-10-18"); console.log((day2 - day1) / (1000 * 60 * 60 * 24)); 以上这篇js 两个日期比较相差多少天的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • javascript简单比较日期大小的方法

    本文实例讲述了javascript简单比较日期大小的方法.分享给大家供大家参考,具体如下: //获取起始日期 var startDate=document.all.startdate.value; //转换为日期格式 startDate=startDate.replace(/-/g,"/"); //获取结束日期 var endDate=document.all.enddate.value; endDate=endDate.replace(/-/g,"/"); //如

  • 如何在JavaScript中比较日期详解

    目录 前言 如何在 JavaScript 中与日期对象进行日期比较 如何使用 JavaScript 进行等式比较 如何执行特定日期比较 总结 前言 日期是开发人员在创建实际应用程序时最常用的数据类型之一. 但通常,开发人员会在这种数据类型上苦苦挣扎,最终使用像 Moment.js 这样的日期库来完成简单的任务,这些任务不值得安装整个包所带来的大包大小. 当我们想到 JavaScript 中的日期比较时,我们会想到使用 Date 对象 ( Date()),当然,它确实有效. date 对象允许我们

  • javascript中正则表达式语法详解

    好久都没有写博客了,主要是太懒了,尤其是在阳春三月,风和日丽的日子,太阳暖暖的照在身上,真想美美的睡上一觉.就导致了这篇博客拖到现在才开始动笔,javascript的正则这一块也不是什么新的东西,主要是以前本人一遇到写正则的需求就开始头大,头疼,网上剽窃,东拼西凑,反正就是各种不适应,所以我打算系统的把正则表达式看一遍,一来是自己有所提升,这一块知识点的查漏补缺,二来是给大家分享一下.好了,下面我们直接进入主题: 正则是匹配字符串特定模式的一种表达式,官方是这样说的,但我的理解不外乎就是匹配字符

  • javascript中Promise使用详解

    目录 一.首先,要知道为什么要用Promise语法? 二.接着,来了解一下回调地狱(Callback Hell) 三.最后,也是本章的重头戏,Promise的基本使用 (一) resolve函数 (二) rejected函数 (三)Promise的API 1. then 2. catch 3. finally 4. Promise.all 5. Promise.race 四.最后 前言: 做过前端开发的都知道,JavaScript是单线程语言,浏览器只分配给JS一个主线程,用来执行任务,但是每次

  • 比较全面的C 、Java、JavaScript中的正则表达式详解

    什么是正则表达式? 正则表达式(Regular Expression) 就是用某种模式去匹配一类字符串的公式.如你要在一篇文章中查找第一个字是"罗"最后一个字是"浩"的三个字的姓名,即"罗 * 浩":那么"罗 * 浩"就是公式,也称作 模式(Pattern) ,这篇文章就是 要匹配的串( 或叫文本 text) .再如,你要检查输入的一个字符串是否是 126 邮箱的格式,你得制定一个规则去查检,这种规则就是正则表达式. 从入门开

  • javascript中clone对象详解

    开发中,打断对象间的引用关系,只想下个副本的情况无处不在,clone一个对象就在所难免了. JavaScript中,简单的方法就是用JSON函数,将对象stringify成字符串,再parse成一个新对象.要么就是从网上搜个代码,开源社区里面clone的代码还是有不少的. 代码虽然可以找得到,但,东西永远是别人的,动手学着码永远是个不变的主题. 自己写了两个克隆的函数: cloneOwn:克隆自定义对象的自有属性,不包括继承的属性,属性可以是基本数据类型和数组,自定义的对象,可以制定要克隆的属性

  • JavaScript中闭包的详解

    闭包是什么 在 JavaScript 中,闭包是一个让人很难弄懂的概念.ECMAScript 中给闭包的定义是:闭包,指的是词法表示包括不被计算的变量的函数,也就是说,函数可以使用函数之外定义的变量. 是不是看完这个定义感觉更加懵逼了?别急,我们来分析一下. 闭包是一个函数 闭包可以使用在它外面定义的变量 闭包存在定义该变量的作用域中 好像有点清晰了,但是使用在它外面定义的变量是什么意思,我们先来看看变量作用域. 变量作用域 变量可分为全局变量和局部变量.全局变量的作用域就是全局性的,在 js

  • javascript中new关键字详解

    javascript中new关键字详解

    和其他高级语言一样javascript中也有new关键字,我们以前认知的new是用来创建一个类的实例对象,但在js中万物皆是对象,为何还要new关键字呢,其实js中new关键字不是用来创建一个类的实例对象,而是用于继承. 接下来,本文将带你一起来探索JS中new的奥秘... function Animal(name){ this.name = name; } Animal.color = "black"; Animal.prototype.say = function(){ conso

  • javascript中this关键字详解

    不管学习什么知识,习惯于把自己所学习的知识列成一个list,会有助于我们理清思路,是一个很好的学习方法.强烈推荐. 以下篇幅有点长,希望读者耐心阅读. 以下内容会分为如下部分: 1.涵义 1.1:this涵义 1.2:this指向的可变性 2.使用场合 2.1:全局环境 2.2:构造函数 2.3:对象的方法 3.使用注意点 3.1:避免多层嵌套this 3.2:避免数组处理方法中的this 3.3:避免回调函数中的this 1.涵义 1.1:this涵义 在我写的一篇关于 构造函数与new关键字

  • javascript中闭包(Closure)详解

    在javascript中,函数可看作是一种数据,可以赋值给变量,可以嵌套在另一个函数中. var fun = function(){ console.log("平底斜"); } function fun(){ var n=10; function son(){ n++; } son(); console.log(n); } fun(); //11 fun(); //11 我们把上面第二段代码稍微修改下: var n=10; function fun(){ function son(){

  • Javascript中的 “&” 和 “|” 详解

    Javascript中的 “&” 和 “|” 详解

    一.前言: 在文章开始之前,先出几个题目给大家看看: var num1 = 1 & 0; console.log(num1); // 0 var num2 = 'string' & 1; console.log(num2); // 0 var num3 = true & 1; console.log(num3); // 1 var num4 = undefined | false; console.log(num4); // 0 var num5 = undefined | tru

随机推荐