题 用JavaScript比较两个日期


有人可以提出一种比较价值的方法 两个约会 使用JavaScript大于,小于和不在过去?值将来自文本框...


1378
2018-01-29 19:14


起源


谈到DateTime和JS中的操作,我看起来没有 momentjs :) - Halceyon
无需使用momentjs来比较2个日期。只需使用纯javascript的Date对象。查看主要答案了解更多详情。 - Lukas
是的,包括额外的20kb缩小JS来比较两个日期.....荒谬 - DanFromGermany
你可以参考以下答案: stackoverflow.com/questions/4812152/...  检查getDateDifference和getDifferenceInDays是否有帮助。 - Vikash Rajpurohit
我会给你一个比Moment.js更深入的理由(我喜欢,但......): 不要用于循环加载 - Geek Stocks


答案:


日期对象 会做你想做的 - 为每个日期构建一个,然后用它们比较它们 ><<= 要么 >=

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

我建议您使用下拉菜单或类似约束形式的日期条目而不是文本框,但是,以免您发现自己处于输入验证地狱。


1568
2018-01-29 19:20



适用于> <喜欢问题状态,但我认为我只是评论它如果==它不起作用,因为对象本身是不同的。例如:var date1 = new Date(); var date2 = new Date(date1); date1 == date2为false。如果你做date1.getTime()== date2.getTime()你就会得到真的。 - ace
即使Ace的方法也不是故障保险。您需要先重置毫秒,甚至可能需要重置整个时间。 date1.setHours(0); date1.setMinutes(0); date1.setSeconds(0); date1.setMilliseconds(0);结合使用.getTime()将为您提供准确的比较结果 - patrick
Ace - 感谢您的回复,您刚刚为我节省了一些故障排除时间。对未来人员的注意事项:date1 === date2也将为false(3 =) - marta.joed
@patrick,建议打电话 setHours(0,0,0,0) 这条路。消除了呼叫的需要 setMinutes() 等等,执行得更快。 - Karl
避免==或===得到想要的结果: jsfiddle.net/P4y5J  now> = anotherNow && now <= anotherNow是真的FYI - Jason Sebring


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

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

  • dates.compare(A,B)

    返回一个数字:

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

    返回布尔值或NaN:

    • 真正 如果 d 介于两者之间 开始 和 结束 (包括的)
    •  如果 d 在此之前 开始 或之后 结束
    • NaN如果一个或多个日期是非法的。
  • dates.convert

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

    • 一个 日期-object:输入按原样返回。
    • 一个 排列:解释为[年,月,日]。 注意 月是0-11。
    • 一个  :解释为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
        );
    }
}

374
2018-01-31 00:18



(a > b) - (a < b) 对于排序日期数组很有用 - nktssh
@nikita是的,并且返回该结果的函数可以使用 Array.prototype.sort 只要所有值都是有效日期。如果可能有无效日期,我建议使用类似的东西 function ( a, b ) { a = a === undefined || a === null : NaN : a.valueOf( a ); b = a === undefined || b === null : NaN : a.valueOf( b ); return isFinite( a ) && isFinite( b ) ? ( a > b ) - ( a < b ) : NaN; } - some
@ nktssh-也许,但是 return a - b 更简单并替换整个return语句。 - RobG


比较 < 和 > 和往常一样,但任何涉及的事情 = 应该用一个 + 字首。像这样:

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

// less than, greater than is fine:
x < y; => false
x > y; => false
x === y; => false, oops!

// anything involving '=' should use the '+' prefix
// it will then compare the dates' millisecond values
+x <= +y;  => true
+x >= +y;  => true
+x === +y; => true

希望这可以帮助!


222
2018-05-23 12:21



非常慢:)我更喜欢 x.getTime() === y.getTime() 方法,既可读又极快 jsperf - Housy
该 + 运算符尝试将表达式转换为数字。 Date.valueOf() 用于转换(返回相同的内容) Date.getTime()。 - Salman A
@WouterHuysentruit两者都非常快(在最慢的浏览器中超过3百万OPS)。使用您认为更具可读性的方法 - Eloims
注意 涉及'='的任何内容都应使用'+'前缀 你答案的一部分是不正确的。 <, <=, > 和 >= 使用相同的算法(抽象关系比较算法在幕后。 - Salman A
这对我来说甚至没有+符号。我不知道为什么。 - Neri


关系运算符 <  <=  >  >= 可用于比较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

但是,运营商是平等的 ==  !=  ===  !== 不能用于比较(日期)的值 因为

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

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

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() 幕后方法。


124
2018-01-31 16:04



将String转换为Date对象是否安全?那可以不抛出异常或给出不可靠的结果吗?什么是最可靠的方式在JS做comaring日期?当你说不可靠的结果时,即使我们确定日期格式不会改变,这种方法也可以给出不同/错误的值 - >这将是“2017年8月10日星期四”。非常感谢您的帮助。 - user2696258
这会在不同的操作系统/浏览器/设备上为相同的日期值提供不可靠的结果吗? - user2696258
@ user2696258这是比较两种最可靠的方式 日期 对象。将字符串转换为日期是一个不同的问题...使用日期解析库或滚动您自己的解决方案。 Thursday, 10 Aug 2017 是非标准格式,不同的浏览器可能会以不同的方式解析它,或者根本不解析它。见附注 Date.parse。 - Salman A


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

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

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

63
2017-11-01 00:48





仅比较日期(忽略时间组件):

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
}

30
2017-09-27 15:38



简单易读。最佳日期(仅)比较我见过 - RitchieD
这很好。但如果我比较nextDay或previousDay会怎么样呢。我试过这个Date.prototype.nextDay = function(d){return this.getFullYear()=== d.getFullYear()&& this.getDate()<d.getDate()&& this.getMonth()=== d .getMonth(); } Date.prototype.previousDay = function(d){return this.getFullYear()=== d.getFullYear()&& this.getDate()> d.getDate()&& this.getMonth()=== d.getMonth ();但它只会在本月才有效。我如何跨月或跨年比较 - Paresh3489227


对比 日期 在JavaScript中很容易...... JavaScript有 内建的 比较系统 日期 这使得比较变得如此容易......

只需按照以下步骤比较2个日期值,例如,您有2个输入,每个输入都有一个日期值 String 你要比较它们......

1。 您从输入中获得了2个字符串值,并且您想比较它们,它们如下所示:

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

2。 他们需要 Date Object 要比较为日期值,所以只需将它们转换为日期,使用 new Date(),我只是为了简单的解释而重新分配它们,但无论如何你都可以这样做:

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

3。 现在只需比较它们,使用 >  <  >=  <=

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

compare dates in javascript


28
2017-07-11 09:59



我发现大多数比较日期的解决方案都适用于任何浏览器。我遇到的问题是IE。该解决方案全面运作。感谢Alireza! - Joshua Oglesbee
它不起作用。它应该不起作用。您正在比较日期对象。 - maxisam


什么格式?

如果你构建一个Javascript 日期对象,你可以减去它们以获得毫秒的差异(编辑:或者只是比较它们):

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

25
2018-01-29 19:19



减法是一个好主意,因为它避免了 == 上面提到的比较问题。 - devios1
您使用的是什么JavaScript REPL? - hyde
JSDB - 请参阅 jsdb.org  - 我现在使用它的次数较少,因为Python是我选择的语言,但它仍然是一个很好的实用工具。 - Jason S
怎么了? jsconsole.com,或者ctrl + shift + c,还是Node? - Stuart P. Bentley
@StuartP.Bentley我不知道,因为我没有使用它们中的任何一个。我用的是jsdb。 - Jason S


简短的回答

这是一个函数,如果从dateTime>到dateTime,则返回{boolean} 演示在行动中

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# 自定义日期和时间格式字符串此库应该完全相同,并帮助您格式化日期和时间 dtmFRM 是否传递日期时间字符串或unix格式

用法

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 文件


14
2017-08-02 21:06



new Date(dtmfrom)> = new Date(dtmto)比新Date(dtmfrom)慢得多.getTime()> = new Date(dtmto).getTime() - Mina Gabriel
或许,但差别在于 30到120纳秒 (比如0.000000075秒)每个操作,取决于浏览器,所以不是很重要。 - RobG


function datesEqual(a, b)
{
   return (!(a>b || b>a))
}

13
2017-07-20 03:36



它们是a或b的类型是什么?日期?什么格式?这似乎不适合我。 - Luci
假设 a 和 b 存在 Date 您也可以使用的对象 return a*1 == b*1; - Udo G
@UdoG:更短: +a == +b - mpen


你使用这段代码,

var firstValue = "2012-05-12".split('-');
var secondValue = "2014-07-12".split('-');

 var firstDate=new Date();
 firstDate.setFullYear(firstValue[0],(firstValue[1] - 1 ),firstValue[2]);

 var secondDate=new Date();
 secondDate.setFullYear(secondValue[0],(secondValue[1] - 1 ),secondValue[2]);     

  if (firstDate > secondDate)
  {
   alert("First Date  is greater than Second Date");
  }
 else
  {
    alert("Second Date  is greater than First Date");
  }

并查看此链接 http://www.w3schools.com/js/js_obj_date.asp


13
2017-08-09 10:49



不参考W3Schools的原因: w3fools.com  - 不错的解决方案 - 它是否符合标准,是否适用于所有浏览器? - Mathias Lykkegaard Lorenzen
更好地参考Mozilla开发者网络: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...。 - Daniel Lidström