用JavaScript比较两个日期

2020/09/15 07:31 · javascript ·  · 0评论

有人可以建议使用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

比较JavaScript中的日期

仅比较日期(忽略时间部分):

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

短答案

这是一个函数,如果从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 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

简单的方法是

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

...如果您不希望它们不相等。

当心时区

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

通过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

假设您获得了日期对象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

我通常保存Datestimestamps(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最慢

在此处输入图片说明

细节

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

铬的结果

在此处输入图片说明

        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表单上调用它。希望这可以帮助。

本文地址:http://javascript.askforanswer.com/yongjavascriptbijiaolianggeriqi.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!