用 JavaScript 比较两个日期

IT技术 javascript date datetime compare
2020-12-10 22:47:40

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

6个回答

Date对象会做你想要的东西-构造一个每个日期,然后用它们进行比较><<=>=

==!====,和!==运营商要求使用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()文档

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

即使是 Ace 的方法也不是万无一失的。您需要先重置毫秒,甚至可能想要重置整个时间。date1.setHours(0); date1.setMinutes(0); date1.setSeconds(0); date1.setMilliseconds(0); 结合使用 .getTime() 会给你一个准确的比较结果
2021-02-15 22:47:40
您还可以比较日期的数值以避免比较对象本身: date1.valueOf() == date2.valueOf()
2021-02-18 22:47:40
避免 == 或 === 以获得所需的结果:jsfiddle.net/P4y5J now >= anotherNow && now <= anotherNow IS true 仅供参考
2021-02-21 22:47:40
@patrick,建议这样称呼setHours(0,0,0,0)无需调用setMinutes()等。此外,执行速度更快。
2021-02-22 22:47:40

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

下面是一个具有三个功能的对象:

  • 日期.比较(a,b)

    返回一个数字:

    • -1 如果 a < b
    • 0 如果 a = b
    • 1 如果 a > b
    • 如果 a 或 b 是非法日期,则为 NaN
  • 日期.inRange(d,开始,结束)

    返回布尔值或 NaN:

    • 如果d位于开始结束之间(包括),则为true
    • 如果dstart之前end之后,则为false
    • 如果一个或多个日期是非法的,则为 NaN。
  • 日期.convert

    由其他函数使用以将其输入转换为日期对象。输入可以是

    • a date -object :输入按原样返回。
    • 一个数组:解释为[年,月,日。注意月份是 0-11。
    • a number:解释为自 1970 年 1 月 1 日以来的毫秒数(时间戳)
    • 一个字符串:几个不同的格式支持,如“YYYY / MM / DD”, “MM / DD / YYYY”, “2009年1月31日”等等。
    • 一个目标:解释为年,月,日的属性的对象。 注意月份是 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) :
            NaN
        );
    },
    inRange:function(d,start,end) {
        // Checks if date in d is between dates in start and end.
        // Returns a boolean or NaN:
        //    true  : if d is between start and end (inclusive)
        //    false : if d is before start or after end
        //    NaN   : if one or more of the dates is illegal.
        // NOTE: The code inside isFinite does an assignment (=).
       return (
            isFinite(d=this.convert(d).valueOf()) &&
            isFinite(start=this.convert(start).valueOf()) &&
            isFinite(end=this.convert(end).valueOf()) ?
            start <= d && d <= end :
            NaN
        );
    }
}
(a > b) - (a < b) 对排序日期数组很有用
2021-02-24 22:47:40

像往常一样比较<>,但任何涉及=====应该使用+前缀。像这样:

const x = new Date('2013-05-23');
const y = new Date('2013-05-23');

// less than, greater than is fine:
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); // false, oops!

// anything involving '==' or '===' should use the '+' prefix
// it will then compare the dates' millisecond values

console.log('+x === +y', +x === +y); // true

@SalmanA 我写的任何涉及=都应该使用前缀的原因是为了有一个易于记忆的“规则”。我想现在答案如此受欢迎,最好说明正确的规则。您的编辑不一致。
2021-03-03 22:47:40
非常慢:) 我更喜欢x.getTime() === y.getTime()方法,既可读又极快,请参阅jsperf
2021-03-05 22:47:40
+操作员试图将表达式转换成一个数字。Date.valueOf()用于转换(返回与Date.getTime().
2021-03-05 22:47:40
@daniel<<=使用相同的算法(抽象关系比较),同样用于>>=答案很受欢迎,但却是错误的。请更正我忘记编辑的第一行。
2021-03-07 22:47:40

关系运算符< <= > >=可用于比较 JavaScript 日期:

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

但是,相等运算符== != === !==不能用于比较(的值)日期,因为

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

您可以使用以下任何一种方法比较日期的值是否相等:

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()自00:00 1970年1月1日,UTC返回毫秒数。这两个Number功能和一元+操作调用valueOf()幕后的方法。

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

var oDateOne = new Date();
var oDateTwo = new Date();

alert(oDateOne - oDateTwo === 0);
alert(oDateOne - oDateTwo < 0);
alert(oDateOne - oDateTwo > 0);