用 JavaScript 比较两个日期

た入场券 2024-03-30 13:54 70阅读 0赞

## 问： ##

有人可以建议一种方法来使用 JavaScript 比较两个日期的值大于、小于和不过去吗？这些值将来自文本框。

## 答1: ##

> 打造属于自己的副业，开启自由职业之旅，从huntsbot.com开始!

Date object 将做您想做的事 - 为每个日期构造一个，然后使用 >、<、<= 或 >= 比较它们。

、!=、= 和 !== 运算符要求您使用 date.getTime()，如

var d1 = new Date();
    var d2 = new Date(d1);
    var same = d1.getTime() === d2.getTime();
    var notSame = d1.getTime() !== d2.getTime();

需要明确的是，直接使用日期对象检查是否相等是行不通的

var d1 = new Date();
    var d2 = new Date(d1);
    
    console.log(d1 == d2);   // prints false (wrong!) 
    console.log(d1 === d2);  // prints false (wrong!)
    console.log(d1 != d2);   // prints true  (wrong!)
    console.log(d1 !== d2);  // prints true  (wrong!)
    console.log(d1.getTime() === d2.getTime()); // prints true (correct)

不过，我建议您使用下拉菜单或一些类似的受限日期输入形式而不是文本框，以免您发现自己陷入输入验证地狱。

对于好奇的人，date.getTime() documentation：

返回指定日期的数值，作为自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。 （之前的时间返回负值。）

`即使是 Ace 的方法也不是故障安全的。您需要先重置毫秒，甚至可能想要重置整个时间。 date1.setHours(0); date1.setMinutes(0); date1.setSeconds(0); date1.setMilliseconds(0);结合使用 .getTime() 将为您提供准确的比较结果`

`@patrick，建议以这种方式调用 setHours(0,0,0,0)。无需调用 setMinutes() 等。此外，执行速度更快。`

`避免 == 或 === 以获得所需的结果：jsfiddle.net/P4y5J now >= anotherNow &&现在 <= anotherNow 是真的 FYI`

`您还可以比较日期的数值以避免比较对象本身： date1.valueOf() == date2.valueOf()`

## 答2: ##

> 与HuntsBot一起，探索全球自由职业机会–huntsbot.com

在 javascript 中比较日期的最简单方法是首先将其转换为 Date 对象，然后比较这些日期对象。

您可以在下面找到一个具有三个功能的对象：

dates.compare(a,b) 返回一个数字： -1 如果 a < b 0 如果 a = b 1 如果 a > b NaN 如果 a 或 b 是非法日期

\-1 如果 a < b

0 如果 a = b

如果 a > b

如果 a 或 b 是非法日期，则为 NaN

dates.inRange (d,start,end) 返回布尔值或 NaN：如果 d 在开始和结束（包括）之间，则返回 true 如果 d 在开始之前或结束之后，则返回 false。如果一个或多个日期是非法的，则为 NaN。

如果 d 在开始和结束（包括）之间，则为真

如果 d 在 start 之前或 end 之后，则为 false。

如果一个或多个日期是非法的，则为 NaN。

dates.convert 由其他函数用于将其输入转换为日期对象。输入可以是日期对象：输入按原样返回。一个数组：解释为 \[年、月、日\]。注意月份是 0-11。数字：解释为自 1970 年 1 月 1 日以来的毫秒数（时间戳）字符串：支持几种不同的格式，例如“YYYY/MM/DD”、“MM/DD/YYYY”、“2009 年 1 月 31 日”等。 object：解释为具有年、月、日属性的对象。注意月份是 0-11。

日期对象：输入按原样返回。

一个数组：解释为\[年、月、日\]。注意月份是 0-11。

一个数字：解释为自 1970 年 1 月 1 日以来的毫秒数（时间戳）

一个字符串：支持几种不同的格式，如“YYYY/MM/DD”、“MM/DD/YYYY”、“2009 年 1 月 31 日”等。

an object：解释为具有年、月、日属性的对象。注意月份是 0-11。

// Source: http://stackoverflow.com/questions/497790
    var dates = {
        
        convert:function(d) {
        
            // Converts the date in d to a date-object. The input can be:
            //   a date object: returned without modification
            //  an array      : Interpreted as [year,month,day]. NOTE: month is 0-11.
            //   a number     : Interpreted as number of milliseconds
            //                  since 1 Jan 1970 (a timestamp) 
            //   a string     : Any format supported by the javascript engine, like
            //                  "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
            //  an object     : Interpreted as an object with year, month and date
            //                  attributes.  **NOTE** month is 0-11.
            return (
                d.constructor === Date ? d :
                d.constructor === Array ? new Date(d[0],d[1],d[2]) :
                d.constructor === Number ? new Date(d) :
                d.constructor === String ? new Date(d) :
                typeof d === "object" ? new Date(d.year,d.month,d.date) :
                NaN
            );
        },
        compare:function(a,b) {
        
            // Compare two dates (could be of any type supported by the convert
            // function above) and returns:
            //  -1 : if a < b
            //   0 : if a = b
            //   1 : if a > b
            // NaN : if a or b is an illegal date
            // NOTE: The code inside isFinite does an assignment (=).
            return (
                isFinite(a=this.convert(a).valueOf()) &&
                isFinite(b=this.convert(b).valueOf()) ?
                (a>b)-(a b) - (a < b) 可用于对日期数组进行排序`
    
    # 答3:
    > huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。
    
    像往常一样比较 < 和 >，但任何涉及 == 或 === 的内容都应使用 + 前缀。像这样：
    
     const x = new Date('2013-05-23'); const y = new Date('2013-05-23'); // 小于，大于都可以：console.log('x < y', x < y); // false console.log('x > y', x > y); // false console.log('x <= y', x <= y); // true console.log('x >= y', x >= y); // true console.log('x === y', x === y); // 错误，糟糕！ // 任何涉及 '==' 或 '===' 的东西都应该使用 '+' 前缀 // 然后它将比较日期的毫秒值 console.log('+x === +y', +x == = +y); // 真的
    
     `非常慢 :) 我更喜欢 x.getTime() === y.getTime() 方法，既可读又极快，请参阅 jsperf`
    
    `+ 运算符尝试将表达式转换为数字。 Date.valueOf() 用于转换（返回与 Date.getTime() 相同的内容。`
    
    `@daniel < 和 <= 使用相同的算法（抽象关系比较），对于 > 和 >= 也是如此。答案很流行但错误。请更正我忘记编辑的第一行。`
    
    `@huysentruitw 原始 jsperf URL 已关闭，但 it has been archived on web.archive.org。您甚至可以从存档版本运行基准测试。 TL;DR：使用 .getTime() 进行比较至少比直接比较 Date 对象快 100 倍。`
    
    # 答4:
    > huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求
    
    关系运算符 < <= > >= 可用于比较 JavaScript 日期：
    
     
    
    ```java
    var d1 = new Date(2013, 0, 1);
    var d2 = new Date(2013, 0, 2);
    d1 <  d2; // true
    d1 <= d2; // true
    d1 >  d2; // false
    d1 >= d2; // false

但是，等式运算符 == != === !== 不能用于比较日期 because（的值）：

对于严格或抽象比较，两个不同的对象永远不会相等。仅当操作数引用相同的对象时，比较对象的表达式才为真。

您可以使用以下任何方法比较日期值是否相等：

var d1 = new Date(2013, 0, 1);
    var d2 = new Date(2013, 0, 1);
    /*
     * note: d1 == d2 returns false as described above
     */
    d1.getTime() == d2.getTime(); // true
    d1.valueOf() == d2.valueOf(); // true
    Number(d1)   == Number(d2);   // true
    +d1          == +d2;          // true

Date.getTime() 和 Date.valueOf() 都返回自 1970 年 1 月 1 日 00:00 UTC 以来的毫秒数。 Number 函数和一元 + 运算符都在后台调用 valueOf() 方法。

## 答5: ##

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

到目前为止，最简单的方法是从另一个日期中减去一个日期并比较结果。

var oDateOne = new Date(); var oDateTwo = new Date();警报（oDateOne - oDateTwo === 0）；警报（oDateOne - oDateTwo < 0）；警报（oDateOne - oDateTwo > 0）；

> huntsbot.com精选全球7大洲远程工作机会，涵盖各领域，帮助想要远程工作的数字游民们能更精准、更高效的找到对方。

## 答6: ##

> huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

在 JavaScript 中比较日期非常简单… JavaScript 有内置的日期比较系统，这使得比较很容易…

只需按照以下步骤比较 2 个日期值，例如，您有 2 个输入，每个输入在 String 中都有一个日期值，您可以比较它们…

1.  你有 2 个从输入中得到的字符串值，你想比较它们，它们如下：

var date1 = '01/12/2018';
    var date2 = '12/12/2018';

1.  它们需要 Date Object 才能作为日期值进行比较，因此只需使用 new Date() 将它们转换为日期，我只是为了解释的简单重新分配它们，但你可以这样做反正你喜欢：

date1 = new Date(date1);
    date2 = new Date(date2);

1.  现在只需比较它们，使用 > < >= <=

date1 > date2;  //false
    date1 < date2;  //true
    date1 >= date2; //false
    date1 <= date2; //true

https://i.stack.imgur.com/r078N.png

## 答7: ##

> 与HuntsBot一起，探索全球自由职业机会–huntsbot.com

仅比较日期（忽略时间部分）：

Date.prototype.sameDay = function(d) {
        
      return this.getFullYear() === d.getFullYear()
        && this.getDate() === d.getDate()
        && this.getMonth() === d.getMonth();
    }

用法：

if(date1.sameDay(date2)) {
        
        // highlight day on calendar or something else clever
    }

我不再建议修改内置对象的 prototype。试试这个：

函数 isSameDay(d1, d2) \{ return d1.getFullYear() === d2.getFullYear() && d1.getDate() === d2.getDate() && d1.getMonth() === d2.getMonth() ; \} console.log(isSameDay(new Date(‘Jan 15 2021 02:39:53 GMT-0800’), new Date(‘Jan 15 2021 23:39:53 GMT-0800’))); console.log(isSameDay(新日期(‘2021 年 1 月 15 日 10:39:53 GMT-0800’)，新日期(‘2021 年 1 月 16 日 10:39:53 GMT-0800’)));

注意您的时区将返回年/月/日；如果您想检查两个日期是否在不同时区的同一天，我建议使用时区感知库。

例如

> (new Date('Jan 15 2021 01:39:53 Z')).getDate()  // Jan 15 in UTC
    14  // Returns "14" because I'm in GMT-08

## 答8: ##

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

什么格式？

如果您构建一个 Javascript Date object，您可以减去它们以获得毫秒差异（编辑：或只是比较它们）：

js>t1 = new Date()
    Thu Jan 29 2009 14:19:28 GMT-0500 (Eastern Standard Time)
    js>t2 = new Date()
    Thu Jan 29 2009 14:19:31 GMT-0500 (Eastern Standard Time)
    js>t2-t1
    2672
    js>t3 = new Date('2009 Jan 1')
    Thu Jan 01 2009 00:00:00 GMT-0500 (Eastern Standard Time)
    js>t1-t3
    2470768442
    js>t1>t3
    true

## 答9: ##

> huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、分类等筛选，希望这些产品与实践经验能给您带来灵感。

注意 - 仅比较日期部分：

当我们在javascript中比较两个日期时。它还需要考虑小时、分钟和秒。所以如果我们只需要比较日期，这就是方法：

var date1= new Date("01/01/2014").setHours(0,0,0,0);
    
    var date2= new Date("01/01/2014").setHours(0,0,0,0);

现在：if date1.valueOf()> date2.valueOf() 将像魅力一样发挥作用。

`这就是我来寻找的答案！`

## 答10: ##

> 一个优秀的自由职业者，应该有对需求敏感和精准需求捕获的能力，而huntsbot.com提供了这个机会

简单的方法是，

var first = '2012-11-21';
    var second = '2012-11-03';
    
    if (new Date(first) > new Date(second) {
        
        .....
    }

`这不适用于 == 和 ===`

## 答11: ##

> 保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

简短的回答

这是一个返回 \{boolean\} 的函数，如果 from dateTime >到日期时间 Demo in action

var from = '08/19/2013 00:00'
    var to = '08/12/2013 00:00 '
    
    function isFromBiggerThanTo(dtmfrom, dtmto){
        
       return new Date(dtmfrom).getTime() >=  new Date(dtmto).getTime() ;
    }
    console.log(isFromBiggerThanTo(from, to)); //true

解释

jsFiddle

var date_one = '2013-07-29 01:50:00',
    date_two = '2013-07-29 02:50:00';
    //getTime() returns the number of milliseconds since 01.01.1970.
    var timeStamp_date_one = new Date(date_one).getTime() ; //1375077000000 
    console.log(typeof timeStamp_date_one);//number 
    var timeStamp_date_two = new Date(date_two).getTime() ;//1375080600000 
    console.log(typeof timeStamp_date_two);//number

因为您现在同时拥有数字类型的日期时间，您可以将它们与任何比较操作进行比较

> , < ,= ,!= ,== ,!== ,>= AND <=)

然后

如果您熟悉 C\# 自定义日期和时间格式字符串，那么无论您传递的是日期时间字符串还是 unix 格式，此库都应该执行完全相同的操作并帮助您格式化日期和时间dtmFRM

用法

var myDateTime = new dtmFRM();
    
    alert(myDateTime.ToString(1375077000000, "MM/dd/yyyy hh:mm:ss ampm"));
    //07/29/2013 01:50:00 AM
    
    alert(myDateTime.ToString(1375077000000,"the year is yyyy and the day is dddd"));
    //this year is 2013 and the day is Monday
    
    alert(myDateTime.ToString('1/21/2014', "this month is MMMM and the day is dd"));
    //this month is january and the day is 21

DEMO

您所要做的就是在库 js 文件中传递任何这些格式

原文链接：[https://www.huntsbot.com/qa/BBgY/compare-two-dates-with-javascript?lang=zh\_CN&from=csdn][https_www.huntsbot.com_qa_BBgY_compare-two-dates-with-javascript_lang_zh_CN_from_csdn]

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

[https_www.huntsbot.com_qa_BBgY_compare-two-dates-with-javascript_lang_zh_CN_from_csdn]: https://www.huntsbot.com/qa/BBgY/compare-two-dates-with-javascript?lang=zh_CN&from=csdn