JavaScriptで2つの日付を比較する

JavaScriptを使用して、過去の日付よりも大きい、小さい、2つの日付の値を比較する方法を誰かが提案できますか？値はテキストボックスから取得されます。

Dateオブジェクトは、その後、それぞれの日付の構文1を使用してそれらを比較-あなたがやりたいだろう>、<、<=または>=。

==、!=、===、および!==オペレーターが使用する必要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オブジェクトに変換してから、これらの日付オブジェクトを比較することです。

以下に、3つの機能を持つオブジェクトを示します。

• 日付。比較（a、b）

  数値を返します：

  • a <bの場合は-1
  • a = bの場合は0
  • a> bの場合は1
  • aまたはbが不正な日付の場合はNaN

• 日付.inRange（d、開始、終了）

  ブール値またはNaNを返します。

  • dが開始と終了の間（両端を含む）の場合はtrue
  • dがstartの前またはendの後の場合はfalse。
  • 1つ以上の日付が不正な場合はNaN。

• 日付変換

  他の関数が入力を日付オブジェクトに変換するために使用します。入力は

  • 日付は -object：あるとして入力が返されます。
  • 配列：[年、月、日]と解釈。NOTEの月は0-11です。
  • 番号：1970年1月1日（タイムスタンプ）からのミリ秒数として解釈
  • 文字列：いくつかの異なるフォーマットは、 "2009年1月31日"など、 "MM / DD / YYYY"、 "YYYY / MM / DD"のように、サポートされています
  • 対象：年、月、日の属性を持つオブジェクトとして解釈。 NOTEの月は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

ただし、次の理由== != === !==により、等価演算子を使用して日付（の値）を比較することはできません。

• 厳密な比較または抽象的比較では、2つの異なるオブジェクトが等しくなることはありません。
• オブジェクトを比較する式は、オペランドが同じオブジェクトを参照する場合にのみ真になります。

次のいずれかの方法を使用して、日付の値が等しいかどうかを比較できます。

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()が舞台裏でメソッドを呼び出します。

はるかに簡単な方法は、ある日付から別の日付を減算して結果を比較することです。

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

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

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

日のみを比較（時間コンポーネントは無視）：

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も確認して ください

簡潔な答え

これは、from dateTime> to dateTime Demoが動作している場合に{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ファイルでpacifiedこれらの形式のいずれかを渡すことです

簡単な方法は、

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

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

注-日付部分のみを比較：

JavaScriptで2つの日付を比較すると。時間、分、秒も考慮に入れられます。日付のみを比較する必要があるだけなら、これがアプローチです。

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がより大きい場合に1を返しますdateTimeB

dateTimeA等しい場合、メソッドは0を返しますdateTimeB

メソッドは、が-1 dateTimeAより小さい場合、-1を返しますdateTimeB

タイムゾーンに注意

JavaScriptの日付にはタイムゾーンの概念はありません。これは、「ローカル」タイムゾーンの文字列との間で変換を行うための便利な機能を備えた瞬間（エポック以降のティック）です。ここで誰もが行っているように、日付オブジェクトを使用して日付を操作したい場合は、日付が問題の日付の開始日の真夜中のUTCを表すようにする必要があります。これは、作成の季節やタイムゾーンに関係なく日付を操作できるようにする一般的かつ必要な規則です。したがって、特に午前0時のUTC Dateオブジェクトを作成する場合は、タイムゾーンの概念を管理するために非常に警戒する必要があります。

ほとんどの場合、日付にはユーザーのタイムゾーンを反映させる必要があります。今日がお誕生日の場合はクリックしてください。ニュージーランドと米国のユーザーが同時にクリックすると、日付が異なります。その場合、これを行います...

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

それで全部です。

2つの日付を比較するには、https：//code.google.com/archive/p/datejs/downloadsにあるdate.js JavaScriptライブラリを使用できます。

Date.compare( Date date1, Date date2 )メソッドを使用すると、次の結果を意味する数値が返されます。

-1 = date1はdate2よりも小さい。

0 =値は等しい。

1 = date1はdate2よりも大きい。

2つの日付を減算すると、ミリ秒単位の差が得られます（0同じ日付の場合）

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

JavaScriptのフリーテキストから日付を作成するには、日付を解析してDate（）オブジェクトに変換する必要があります。

フリーテキストを取得するDate.parse（）を使用して新しい日付に変換しようとしますが、ページを制御できる場合は、代わりにHTML選択ボックスまたはYUIカレンダーコントロールやjQuery UIなどの日付ピッカーを使用することをお勧めします日付ピッカー。

他の人が指摘したように日付を取得したら、単純な算術を使用して日付を減算し、その数値（秒単位）を1日の秒数（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;
}

「一部」が投稿したコードの改良版

/* 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オブジェクトを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);。

DateオブジェクトがJavaScriptで動的に作成されるいくつかのケースでは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;
}

これが私のプロジェクトの1つです。

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で呼び出します。お役に立てれば。