用JavaScript比较两个日期

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

该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)

我建议您使用下拉列表或日期输入的某些类似约束形式，而不要使用文本框，以免您陷入输入验证的困境。

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

在下面找到具有三个功能的对象：

• date.compare（a，b）

  返回一个数字：

  • 如果a <b则为-1
  • 如果a = b，则为0
  • 如果a> b为1
  • 如果a或b是非法日期，则为NaN

• date.inRange（d，start，end）

  返回一个布尔值或NaN：

  • 如果d在开始和结束之间（包括端点），则为true
  • 如果d在开始之前或结束之后，则返回false。
  • 如果一个或多个日期不合法，则为NaN。

• date.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
        );
    }
}

比较<并>像往常一样，但是任何涉及的内容=都应使用+前缀。像这样：

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

希望这可以帮助！

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

但是，相等运算符== != === !==不能用于比较（值）日期，因为：

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

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

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);

在JavaScript中比较日期非常容易... JavaScript 内置了日期比较系统，可以轻松进行比较...

只需按照以下步骤比较2个日期值，例如，您有2个输入，每个输入中都有一个Date值，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

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

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
}

什么格式？

如果构造Javascript Date对象，则可以减去它们以获得毫秒差（编辑：或只是比较它们）：

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

您使用此代码，

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

短答案

这是一个函数，如果从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#自定义日期和时间格式字符串”，则无论您是以日期时间字符串还是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

演示

您所要做的就是传递库js文件中已整理的所有这些格式

简单的方法是

var first = '2012-11-21';
var second = '2012-11-03';

if (new Date(first) > new Date(second) {
    .....
}

注意-仅比较日期部分：

当我们在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()将像魅力一样工作。

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

var date = new Date(); // will give you todays date.

// following calls, will let you set new dates.
setDate()   
setFullYear()   
setHours()  
setMilliseconds()   
setMinutes()    
setMonth()  
setSeconds()    
setTime()

var yesterday = new Date();
yesterday.setDate(...date info here);

if(date>yesterday)  // will compare dates

只需为许多现有选项添加另一种可能性，您可以尝试：

if (date1.valueOf()==date2.valueOf()) .....

...这似乎对我有用。当然，您必须确保两个日期都未定义...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():0) .....

这样，如果两个都未定义，我们可以确保进行正面比较，或者...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():-1) .....

...如果您不希望他们不平等。

通过Moment.js

Jsfiddle：http : //jsfiddle.net/guhokemk/1/

function compare(dateTimeA, dateTimeB) {
    var momentA = moment(dateTimeA,"DD/MM/YYYY");
    var momentB = moment(dateTimeB,"DD/MM/YYYY");
    if (momentA > momentB) return 1;
    else if (momentA < momentB) return -1;
    else return 0;
}

alert(compare("11/07/2015", "10/07/2015"));

如果dateTimeA大于，则方法返回1dateTimeB

如果dateTimeA等于，则方法返回0dateTimeB

如果dateTimeA小于则返回-1dateTimeB

当心时区

javascript日期没有时区的概念。这是时刻（自纪元开始滴滴答答），具有方便的功能，可以在“本地”时区中往返于字符串进行转换。如果您想使用日期对象来处理日期，就像这里的每个人一样，您希望您的日期在相关日期的开始时代表UTC午夜。这是一项常见且必要的约定，可让您使用日期，而不考虑其创建的季节或时区。因此，您需要非常警惕地管理时区概念，尤其是在创建午夜UTC日期对象时。

大多数情况下，您希望日期反映用户的时区。如果今天是你的生日，请单击。新西兰和美国的用户同时点击并获得不同的日期。在这种情况下，请执行此操作...

// create a date (utc midnight) reflecting the value of myDate and the environment's timezone offset.
new Date(Date.UTC(myDate.getFullYear(),myDate.getMonth(), myDate.getDate()));

有时，国际可比性胜于本地准确性。在这种情况下，请执行此操作...

// the date in London of a moment in time. Device timezone is ignored.
new Date(Date.UTC(myDate.getUTCYear(), myDate.getyUTCMonth(), myDate.getUTCDate()));

现在，您可以按照其他答案的建议直接比较日期对象。

创建时要小心管理时区，当转换回字符串表示形式时，还需要确保将时区排除在外。这样您就可以安全使用...

• toISOString()
• getUTCxxx()
• getTime() //returns a number with no time or timezone.
• .toLocaleDateString("fr",{timezone:"UTC"}) // whatever locale you want, but ALWAYS UTC.

并完全避免其他一切，尤其是...

• getYear()，getMonth()，getDate()

假设您获得了日期对象A和B，获得了它们的EPOC时间值，然后减去以得到毫秒数之差。

var diff = +A - +B;

就这样。

为了比较两个日期，我们可以使用date.js JavaScript库，该库位于：https : //code.google.com/archive/p/datejs/downloads

并使用该Date.compare( Date date1, Date date2 )方法，它返回一个数字，表示以下结果：

-1 = date1小于date2。

0 =值相等。

1 = date1大于date2。

减去两个日期，如果0以相同的日期为单位，则以毫秒为单位进行计算

function areSameDate(d1, d2){
    return d1 - d2 === 0
}

为了从Javascript中的自由文本创建日期，您需要将其解析为Date（）对象。

您可以使用Date.parse（）来获取自由文本，然后尝试将其转换为新日期，但是如果您可以控制页面，则建议您使用HTML选择框或日期选择器（例如YUI日历控件或jQuery UI）日期选择器。

如别人指出的那样，一旦有了日期，您就可以使用简单的算术减去日期，然后将数字（以秒为单位）除以一天中的秒数（60 * 60 * 24 = 86400）。

var date_today=new Date();
var formated_date = formatDate(date_today);//Calling formatDate Function

var input_date="2015/04/22 11:12 AM";

var currentDateTime = new Date(Date.parse(formated_date));
var inputDateTime   = new Date(Date.parse(input_date));

if (inputDateTime <= currentDateTime){
    //Do something...
}

function formatDate(date) {
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var ampm = hours >= 12 ? 'PM' : 'AM';

    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    hours   = hours < 10 ? '0'+hours : hours ;

    minutes = minutes < 10 ? '0'+minutes : minutes;

    var strTime = hours+":"+minutes+ ' ' + ampm;
    return  date.getFullYear()+ "/" + ((date.getMonth()+1) < 10 ? "0"+(date.getMonth()+1) :
    (date.getMonth()+1) ) + "/" + (date.getDate() < 10 ? "0"+date.getDate() :
    date.getDate()) + " " + strTime;
}

“ some”发布的代码的改进版本

/* Compare the current date against another date.
 *
 * @param b  {Date} the other date
 * @returns   -1 : if this < b
 *             0 : if this === b
 *             1 : if this > b
 *            NaN : if a or b is an illegal date
*/ 
Date.prototype.compare = function(b) {
  if (b.constructor !== Date) {
    throw "invalid_date";
  }

 return (isFinite(this.valueOf()) && isFinite(b.valueOf()) ? 
          (this>b)-(this<b) : NaN 
        );
};

用法：

  var a = new Date(2011, 1-1, 1);
  var b = new Date(2011, 1-1, 1);
  var c = new Date(2011, 1-1, 31);
  var d = new Date(2011, 1-1, 31);

  assertEquals( 0, a.compare(b));
  assertEquals( 0, b.compare(a));
  assertEquals(-1, a.compare(c));
  assertEquals( 1, c.compare(a));

如果以下是您的日期格式，则可以使用以下代码：

var first = '2012-11-21';
var second = '2012-11-03';
if(parseInt(first.replace(/-/g,""),10) > parseInt(second.replace(/-/g,""),10)){
   //...
}

它将检查20121121数字是否大于20121103或等于。

我通常保存Dates为timestamps(Number)在数据库中。

当我需要比较时，我只需要比较这些时间戳或

将其转换为Date对象，然后> <根据需要进行比较。

请注意，除非您的变量是同一Date对象的引用，否则==或===不能正常工作。

首先将那些Date对象转换为timestamp（number），然后比较它们的相等性。

时间戳记日期

var timestamp_1970 = new Date(0).getTime(); // 1970-01-01 00:00:00
var timestamp = new Date().getTime(); // Current Timestamp

迄今为止的时间戳

var timestamp = 0; // 1970-01-01 00:00:00
var DateObject = new Date(timestamp);

比较Dates对象之前，请尝试将两个毫秒都设置为零，例如Date.setMilliseconds(0);。

在某些情况下，使用Datejavascript动态创建对象时，如果继续打印Date.getTime()，则会看到毫秒数发生变化，这将阻止两个日期相等。

性能

今天2020.02.27我将在MacOs High Sierra v10.13.6上的Chrome v80.0，Safari v13.0.5和Firefox 73.0.1上执行所选解决方案的测试

结论

• 解决方案d1==d2（D）和d1===d2（E）对于所有浏览器都是最快的
• 解决方案getTime（A）比 valueOf（B）快（均为中等快）
• 对于所有浏览器而言，解决方案F，L，N最慢

细节

在下面的代码段中，介绍了性能测试中使用的解决方案。您可以在此处进行测试

function A(d1,d2) {
	return d1.getTime() == d2.getTime();
}

function B(d1,d2) {
	return d1.valueOf() == d2.valueOf();
}

function C(d1,d2) {
	return Number(d1)   == Number(d2);
}

function D(d1,d2) {
	return d1 == d2;
}

function E(d1,d2) {
	return d1 === d2;
}

function F(d1,d2) {
	return (!(d1>d2 || d2>d1));
}

function G(d1,d2) {
	return d1*1 == d2*1;
}

function H(d1,d2) {
	return +d1 == +d2;
}

function I(d1,d2) {
	return !(+d1 - +d2);
}

function J(d1,d2) {
	return !(d1 - d2);
}

function K(d1,d2) {
	return d1 - d2 == 0;
}

function L(d1,d2) {
	return !((d1>d2)-(d1<d2));
}

function M(d1,d2) {
  return d1.getFullYear() === d2.getFullYear()
    && d1.getDate() === d2.getDate()
    && d1.getMonth() === d2.getMonth();
}

function N(d1,d2) {
	return (isFinite(d1.valueOf()) && isFinite(d2.valueOf()) ? !((d1>d2)-(d1<d2)) : false );
}


// TEST

let past= new Date('2002-12-24'); // past
let now= new Date('2020-02-26');  // now

console.log('Code  d1>d2  d1<d2  d1=d2')
var log = (l,f) => console.log(`${l}     ${f(now,past)}  ${f(past,now)}  ${f(now,now)}`);

log('A',A);
log('B',B);
log('C',C);
log('D',D);
log('E',E);
log('G',G);
log('H',H);
log('I',I);
log('J',J);
log('K',K);
log('L',L);
log('M',M);
log('N',N);

p {color: red}

<p>This snippet only presents tested solutions (it not perform tests itself)</p>

铬的结果

        from_date ='10-07-2012';
        to_date = '05-05-2012';
        var fromdate = from_date.split('-');
        from_date = new Date();
        from_date.setFullYear(fromdate[2],fromdate[1]-1,fromdate[0]);
        var todate = to_date.split('-');
        to_date = new Date();
        to_date.setFullYear(todate[2],todate[1]-1,todate[0]);
        if (from_date > to_date ) 
        {
            alert("Invalid Date Range!\nStart Date cannot be after End Date!")

            return false;
        }

使用此代码使用javascript比较日期。

谢谢D.Jeeva

var curDate=new Date();
var startDate=document.forms[0].m_strStartDate;

var endDate=document.forms[0].m_strEndDate;
var startDateVal=startDate.value.split('-');
var endDateVal=endDate.value.split('-');
var firstDate=new Date();
firstDate.setFullYear(startDateVal[2], (startDateVal[1] - 1), startDateVal[0]);

var secondDate=new Date();
secondDate.setFullYear(endDateVal[2], (endDateVal[1] - 1), endDateVal[0]);
if(firstDate > curDate) {
    alert("Start date cannot be greater than current date!");
    return false;
}
if (firstDate > secondDate) {
    alert("Start date cannot be greater!");
    return false;
}

这是我在一个项目中所做的，

function CompareDate(tform){
     var startDate = new Date(document.getElementById("START_DATE").value.substring(0,10));
     var endDate = new Date(document.getElementById("END_DATE").value.substring(0,10));

     if(tform.START_DATE.value!=""){
         var estStartDate = tform.START_DATE.value;
         //format for Oracle
         tform.START_DATE.value = estStartDate + " 00:00:00";
     }

     if(tform.END_DATE.value!=""){
         var estEndDate = tform.END_DATE.value;
         //format for Oracle
         tform.END_DATE.value = estEndDate + " 00:00:00";
     }

     if(endDate <= startDate){
         alert("End date cannot be smaller than or equal to Start date, please review you selection.");
         tform.START_DATE.value = document.getElementById("START_DATE").value.substring(0,10);
         tform.END_DATE.value = document.getElementById("END_DATE").value.substring(0,10);
         return false;
     }
}

在onsubmit表单上调用它。希望这可以帮助。