เปรียบเทียบสองวันด้วย JavaScript


1951

มีคนแนะนำวิธีเปรียบเทียบค่าของสองวันที่มากกว่าน้อยกว่าและไม่ใช้อดีตได้หรือไม่? ค่าจะมาจากกล่องข้อความ


17
เมื่อพูดถึง DateTime และการจัดการใน JS ฉันไม่ต้องมองหาสักครู่เลย :)
Halceyon

47
ไม่จำเป็นต้องใช้ momentjs เพื่อเปรียบเทียบ 2 วัน เพียงใช้ออบเจ็กต์ Date ของ pure javascript ตรวจสอบคำตอบหลักสำหรับรายละเอียดเพิ่มเติม
Lukas Liesis

คุณสามารถดูคำตอบต่อไปนี้: stackoverflow.com/questions/4812152/… ตรวจสอบ getDateDifference และ getDifferenceInDays หากสามารถช่วยได้
Vikash Rajpurohit

ฉันจะให้เหตุผลแก่คุณที่จะมองไกลกว่า Moment.js ( ที่ฉันชอบ แต่ ... ): อย่าใช้สำหรับการวนซ้ำ
Geek Stocks

สำหรับฟังก์ชั่นที่มีประโยชน์ที่จะได้รับเวลาที่แตกต่างกันแยกออกเป็นหน่วย (วินาทีนาทีชั่วโมง ฯลฯ ) ดูคำตอบที่stackoverflow.com/questions/1968167/... คำตอบนั่นคือตอนนี้ยังมีที่stackoverflow.com/a/46529159/3787376
Edward

คำตอบ:


2284

วัตถุวันที่จะทำในสิ่งที่คุณต้องการ - สร้างหนึ่งสำหรับแต่ละวันแล้วเปรียบเทียบพวกเขาใช้>, <, หรือ<=>=

==, !=, ===และ!==ผู้ประกอบการต้องการให้คุณที่จะใช้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)

ฉันขอแนะนำให้คุณใช้รายการแบบหล่นลงหรือรูปแบบวันที่ที่มีข้อ จำกัด ที่คล้ายคลึงกันมากกว่าที่จะเป็นกล่องข้อความเพื่อมิให้คุณพบว่าตัวเองตกอยู่ในนรก


64
แม้แต่วิธีของเอซก็ไม่ปลอดภัย คุณต้องรีเซ็ตมิลลิวินาทีก่อนและคุณอาจต้องการรีเซ็ตตลอดเวลา date1.setHours (0); date1.setMinutes (0); date1.setSeconds (0); date1.setMilliseconds (0); ที่รวมกับการใช้. getTime () จะให้ผลลัพธ์การเปรียบเทียบที่แม่นยำ
Patrick

102
@ แพทริคแนะนำให้โทรมาsetHours(0,0,0,0)ทางนี้ ลดความจำเป็นในการโทรออกsetMinutes()ฯลฯ นอกจากนี้ยังทำงานได้เร็วขึ้น
Karl

26
หลีกเลี่ยง == หรือ === เพื่อให้ได้ผลลัพธ์ที่ต้องการ: jsfiddle.net/P4y5J ตอนนี้> = anotherNow && ตอนนี้ <= anotherNow เป็นจริง FYI
Jason Sebring

5
ทำไมไม่ใช้toString()วิธีทั้งวันที่แล้วเปรียบเทียบกับ==ผู้ดำเนินการ ดูเหมือนจะง่ายกว่าการรีเซ็ตเวลาและการเปรียบเทียบหลังจากนั้นมีข้อเสียสำหรับเรื่องนี้หรือไม่?
user2019515

13
นอกจากนี้คุณยังสามารถเปรียบเทียบค่าตัวเลขของวันที่ของคุณเพื่อหลีกเลี่ยงการเปรียบเทียบวัตถุเอง: date1.valueOf () == date2.valueOf ()
madprog

421

วิธีที่ง่ายที่สุดในการเปรียบเทียบวันที่ใน javascript คือการแปลงเป็นวัตถุวันที่ก่อนแล้วจึงเปรียบเทียบวันที่และวัตถุเหล่านี้

ด้านล่างคุณจะพบวัตถุที่มีฟังก์ชั่นสามอย่าง:

  • dates.compare (A, B)

    ส่งคืนตัวเลข:

    • -1 ถ้า a <b
    • 0 ถ้า a = b
    • 1 ถ้า a> b
    • NaN ถ้า a หรือ b เป็นวันที่ผิดกฎหมาย
  • date.inRange (d, เริ่มต้น, สิ้นสุด)

    ส่งคืนบูลีนหรือ NaN:

    • จริงถ้าdอยู่ระหว่างจุดเริ่มต้นและจุดสิ้นสุด (รวม)
    • เท็จถ้าdเป็นก่อนที่จะเริ่มต้นหรือหลังวันที่สิ้นสุด
    • NaN ถ้าหนึ่งวันหรือมากกว่านั้นผิดกฎหมาย
  • dates.convert

    ใช้โดยฟังก์ชั่นอื่น ๆ เพื่อแปลงอินพุตเป็นวัตถุวันที่ การป้อนข้อมูลสามารถ

    • วัน -object: การป้อนข้อมูลจะถูกส่งกลับตามที่เป็นอยู่
    • อาร์เรย์ : ตีความว่าเป็น [ปี, เดือน, วัน] หมายเหตุเดือนคือ 0-11
    • จำนวน : ตีความว่าเป็นจำนวนมิลลิวินาทีตั้งแต่ 1 มกราคม 1970 (ประทับเวลา)
    • สตริง : รูปแบบที่แตกต่างกันหลายได้รับการสนับสนุนเช่น "YYYY / MM / DD", "DD / MM / YYYY", "31 มกราคม 2009" ฯลฯ
    • วัตถุ : ตีความว่าเป็นวัตถุที่มีคุณลักษณะปีเดือนและทันสมัย หมายเหตุเดือนคือ 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
        );
    }
}

11
(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; }
บาง

4
@ nktssh— แต่อาจreturn a - bจะง่ายกว่าและแทนที่คำสั่ง return ทั้งหมด
RobG

284

เปรียบเทียบ<และ>เช่นเคย แต่สิ่งที่เกี่ยวข้อง=ควรใช้+คำนำหน้า ชอบมาก

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

หวังว่านี่จะช่วยได้!


81
ช้าชะมัด :) ฉันชอบx.getTime() === y.getTime()วิธีการทั้งอ่านและเร็วมากดูjsperf
huysentruitw

24
ตัว+ดำเนินการพยายามแปลงนิพจน์เป็นตัวเลข Date.valueOf()จะใช้สำหรับการแปลง (ซึ่งผลตอบแทนที่เป็นสิ่งเดียวกับDate.getTime().
ซัล

13
@WouterHuysentruit ทั้งคู่นั้นเร็วมาก (> 3 ล้าน OPS ในเบราว์เซอร์ที่ช้าที่สุด) ใช้วิธีที่คุณคิดว่าอ่านง่ายขึ้น
Eloims

13
โปรดทราบว่าสิ่งที่เกี่ยวข้องกับ '=' ควรใช้ส่วนนำหน้า '+'ของคำตอบของคุณไม่ถูกต้อง <, <=, >และ>=ใช้วิธีเดียวกัน ( นามธรรมขั้นตอนวิธีการเปรียบเทียบเชิงสัมพันธ์ ) อยู่เบื้องหลัง
Salman

2
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ ..... ขอบคุณคำตอบของคุณบริการที่ฉันพัฒนาในที่ทำงานมีข้อผิดพลาดร้ายแรงที่ยากต่อการติดตาม
Gyuhyeon Lee

157

ตัวดำเนินการสัมพันธ์< <= > >=สามารถใช้เพื่อเปรียบเทียบวันที่ของ 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()ส่งคืนจำนวนมิลลิวินาทีตั้งแต่ 1 มกราคม 1970, 00:00 UTC ทั้งNumberฟังก์ชั่นและ+ผู้ประกอบการที่ไม่พร้อมกันเรียกvalueOf()วิธีการต่าง ๆ ที่อยู่เบื้องหลัง


การแปลงวัตถุ String เป็น Date ปลอดภัยหรือไม่? จะไม่ส่งข้อยกเว้นหรือให้ผลลัพธ์ที่ไม่น่าเชื่อถือได้หรือไม่? อะไรจะเป็นวิธีที่เชื่อถือได้มากที่สุดในการทำเดทใน JS? เมื่อคุณพูดผลลัพธ์ที่ไม่น่าเชื่อถือวิธีการนี้สามารถให้ค่าที่แตกต่าง / ไม่ถูกต้องแม้ว่าเราจะแน่ใจว่ารูปแบบวันที่จะไม่เปลี่ยนแปลง -> เป็น "วันพฤหัสบดีที่ 10 ส.ค. 2017" ความช่วยเหลือของคุณที่นี่ได้รับการชื่นชมอย่างมาก
user2696258

สิ่งนี้สามารถให้ผลลัพธ์ที่ไม่น่าเชื่อถือสำหรับค่าวันที่เดียวกันในระบบปฏิบัติการ / เบราว์เซอร์ / อุปกรณ์ที่แตกต่างกันได้หรือไม่?
user2696258

1
@ user2696258 นี่เป็นวิธีที่เชื่อถือได้มากที่สุดในการเปรียบเทียบสองวัตถุวันที่ การแปลงสตริงเป็นวันที่เป็นปัญหาที่แตกต่างกัน ... ใช้ไลบรารีการแยกวิเคราะห์วันที่หรือย้อนกลับโซลูชันของคุณเอง Thursday, 10 Aug 2017เป็นรูปแบบที่ไม่ได้มาตรฐานและเบราว์เซอร์ที่แตกต่างกันอาจแยกวิเคราะห์แตกต่างกันหรือไม่แยกเลย Date.parseดูบันทึกใน
Salman A

88

โดยวิธีที่ง่ายที่สุดคือการลบวันที่หนึ่งจากอีกวันหนึ่งและเปรียบเทียบผลลัพธ์

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

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


68

การเปรียบเทียบวันที่ใน 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

เปรียบเทียบวันที่ในจาวาสคริปต์


ฉันพบว่าโซลูชันส่วนใหญ่สำหรับการเปรียบเทียบวันที่ทำงานในเบราว์เซอร์ใด ๆ ปัญหาที่ฉันพบคือกับ IE วิธีนี้ใช้ได้ทั่วทั้งกระดาน ขอบคุณ Alireza!
Joshua Oglesbee

2
มันไม่ทำงาน และมันก็ไม่ได้ผล คุณกำลังเปรียบเทียบวัตถุวันที่
maxisam

3
@maxisam ไม่มีมันไม่ทำงานเนื่องจากการดำเนินการเปรียบเทียบ ( <, >, <=, >=) ถูกนำมาใช้วัตถุวันที่จะถูกแปลงแรกที่จะยูนิกซ์ยุค (วินาที) และมันทำงานได้ดี อย่างไรก็ตามสิ่งนี้อาจนำไปสู่ข้อผิดพลาดทั่วไปของการทำdate1 == date2ที่แนะนำข้อผิดพลาดจริง ๆ ไม่ใช่ค่า เพื่อป้องกันสิ่งนี้และตรวจสอบความเท่าเทียมกันของค่าวันที่ซึ่งจะใช้งานได้: date1.valueOf() == date2.valueOf()หรือสั้นกว่าdate1+0 == date2+0
humanityANDpeace

หมายเหตุจากMDN Note: Parsing of strings with Date.parse is strongly discouraged due to browser differences and inconsistencies.และ Note: Parsing of date strings with the Date constructor (and Date.parse, they are equivalent) is strongly discouraged due to browser differences and inconsistencies.
AaA

35

เปรียบเทียบวันเท่านั้น (ไม่สนใจองค์ประกอบเวลา):

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
}

ดีจัง. แต่ถ้าฉันเปรียบเทียบ nextDay หรือ previousDay ฉันลอง Date.prototype.nextDay = function (d) {return this.getFullYear () === d.getFullYear () && this.getDate () <d.getDate () && this.getMonth นี้ () === d .getMonth (); } Date.prototype.preonymousDay = function (d) {return this.getFullYear () === d.getFullYear () && this.getDate ()> d.getDate () && this.getMonth นี้ () === d.getMonth (); } แต่จะใช้ได้เฉพาะในเดือนนี้เท่านั้น ฉันจะเปรียบเทียบข้ามเดือนหรือข้ามปีได้อย่างไร
Paresh3489227

32

รูปแบบอะไร

หากคุณสร้างออบเจ็กต์วันที่ของ 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

1
การลบเป็นความคิดที่ดีเพราะจะหลีกเลี่ยง==ปัญหาการเปรียบเทียบที่กล่าวถึงข้างต้น
devios1

คุณใช้ JavaScript REPL อะไร
hyde

JSDB - ดูjsdb.org - ฉันใช้มันน้อยกว่าทุกวันนี้ที่ Python เป็นภาษาที่ฉันเลือก แต่ก็ยังเป็นยูทิลิตี้ที่ยอดเยี่ยม
Jason S

1
@ StuartP.Bentley ฉันไม่รู้เพราะฉันไม่ได้ใช้อะไรเลย ฉันใช้ jsdb
Jason S

เมื่อผ่านวันที่จำนวนมากดูเหมือนว่าจะมีประสิทธิภาพที่สุดเพราะไม่จำเป็นต้องแปลงเป็น getTime ()
pcarvalho

16

คุณใช้รหัสนี้

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


3
เหตุผลที่ไม่อ้างถึง W3Schools: w3fools.com - เป็นวิธีแก้ปัญหาที่ดี - เป็นไปตามมาตรฐานและทำงานได้กับเบราว์เซอร์ทั้งหมดหรือไม่
Mathias Lykkegaard Lorenzen

1
ที่ดีกว่าหมายถึง Mozilla ผู้พัฒนาเครือข่าย: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
Daniel Lidström

16

ตอบสั้น ๆ

นี่คือฟังก์ชั่นที่คืนค่า {boolean} ถ้าจาก dateTime> เป็น dateTime Demo ที่เปิดใช้งาน

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 

เนื่องจากขณะนี้คุณมีทั้งวันที่และเวลาในประเภทตัวเลขคุณสามารถเปรียบเทียบกับการดำเนินการเปรียบเทียบใด ๆ

(>, <, =,! =, ==,! ==,> = และ <=)

แล้วก็

หากคุณคุ้นเคยกับ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

การสาธิต

สิ่งที่คุณต้องทำคือส่งรูปแบบใด ๆ เหล่านี้ให้เป็นมาตรฐานในjsไฟล์ไลบรารี


ใหม่ Date (dtmfrom)> = new Date (dtmto) ช้ากว่าวันที่ใหม่มาก (dtmfrom) .getTime ()> = new date (dtmto) .getTime ()
Mina Gabriel

บางที แต่ความแตกต่างอยู่ที่ประมาณ30 ถึง 120 นาโนวินาที (พูด 0.000000075 วินาที) ต่อการดำเนินการทั้งนี้ขึ้นอยู่กับเบราว์เซอร์ดังนั้นจึงไม่มีนัยสำคัญจริงๆ
RobG


14

หมายเหตุ - เปรียบเทียบเฉพาะส่วนวันที่:

เมื่อเราเปรียบเทียบสองวันในจาวาสคริปต์ มันต้องใช้เวลาเป็นชั่วโมงนาทีและวินาทีในการพิจารณา .. ดังนั้นหากเราเพียงต้องการเปรียบเทียบวันที่เท่านั้นนี่คือวิธีการ:

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()จะทำงานเหมือนมีเสน่ห์


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

1
พวกมันคืออะไรประเภท a หรือ b? วันที่? รูปแบบอะไร ดูเหมือนจะไม่ทำงานกับฉัน
Luci

5
สมมติaและbเป็นDateวัตถุที่คุณอาจใช้return a*1 == b*1;
Udo G

4
@UdoG: สั้นลง:+a == +b
mpen

13
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

11

เพียงเพิ่มอีกความเป็นไปได้ของตัวเลือกที่มีอยู่มากมายคุณสามารถลอง:

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

... ซึ่งดูเหมือนว่าจะทำงานให้ฉัน แน่นอนคุณต้องแน่ใจว่าวันที่ทั้งสองนั้นไม่ได้ถูกกำหนด ...

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

วิธีนี้เราสามารถมั่นใจได้ว่าจะทำการเปรียบเทียบเชิงบวกหากทั้งคู่ไม่ได้กำหนดเช่นกันหรือ ...

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

... หากคุณต้องการไม่ให้เท่ากัน


11

ผ่าน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"));

วิธีการส่งกลับ 1 ถ้าdateTimeAมากกว่าdateTimeB

วิธีการคืน 0 ถ้าdateTimeAเท่ากับdateTimeB

วิธีการส่งกลับ -1 ถ้าdateTimeAน้อยกว่าdateTimeB


3
ไม่จำเป็นต้องใช้ไลบรารีภายนอกเช่นช่วงเวลาเพื่อทำการเปรียบเทียบวันที่สำหรับDateวัตถุ
amb

ช่วงเวลานั้นจำเป็นอย่างยิ่งสำหรับกรณีการใช้งานของฉัน ขอบคุณ Razan!
razorsyntax

1
ทำไมคุณถึงใช้งาน<หรือ>โอ.isBefore.isAfter
เปอร์

10

ระวังไทม์โซน

วันจาวาสคริปต์มีความคิดของการไม่มีการเขต มันเป็นช่วงเวลา (เห็บตั้งแต่ยุค) ด้วยฟังก์ชั่นที่สะดวกสำหรับการแปลไปและกลับจากสตริงในเขตเวลา "ท้องถิ่น" หากคุณต้องการทำงานกับวันที่โดยใช้วัตถุวันที่ทุกคนที่นี่กำลังทำคุณต้องการให้วันที่ของคุณเป็นตัวแทน UTC เที่ยงคืนที่จุดเริ่มต้นของวันที่เป็นปัญหา นี่คือการประชุมทั่วไปและจำเป็นที่ช่วยให้คุณทำงานกับวันที่โดยไม่คำนึงถึงฤดูกาลหรือเขตเวลาของการสร้างของพวกเขา ดังนั้นคุณจะต้องระมัดระวังในการจัดการความคิดของเขตเวลาโดยเฉพาะอย่างยิ่งเมื่อคุณสร้างวัตถุ 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()

8

สมมติว่าคุณได้รับวัตถุวันที่ A และ B รับค่าเวลา EPOC ของพวกเขาจากนั้นลบเพื่อให้ได้ส่วนต่างเป็นมิลลิวินาที

var diff = +A - +B;

นั่นคือทั้งหมดที่


8

เพื่อเปรียบเทียบสองวันที่เราสามารถใช้ห้องสมุด JavaScript date.js ซึ่งสามารถพบได้ที่: https://code.google.com/archive/p/datejs/downloads

และใช้Date.compare( Date date1, Date date2 )เมธอดและส่งคืนตัวเลขซึ่งหมายถึงผลลัพธ์ต่อไปนี้:

-1 = date1 น้อยกว่า date2

0 = ค่าเท่ากัน

1 = วันที่ 1 คือมากกว่าวันที่ 2


8

ลบสองวันที่รับผลต่างเป็นมิลลิวินาทีถ้าคุณได้รับ0มันเป็นวันที่เดียวกัน

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

7

ในการสร้างวันที่จากข้อความอิสระใน Javascript คุณต้องแยกมันออกเป็นวัตถุ Date ()

คุณสามารถใช้ Date.parse () ซึ่งใช้ข้อความฟรีพยายามแปลงเป็นวันที่ใหม่ แต่ถ้าคุณมีหน้าที่ควบคุมฉันแนะนำให้ใช้ HTML เลือกกล่องแทนหรือเลือกวันเช่นตัวควบคุมปฏิทิน YUIหรือjQuery UI datepicker

เมื่อคุณมีวันที่ตามที่คนอื่น ๆ ชี้ให้เห็นคุณสามารถใช้เลขคณิตอย่างง่ายเพื่อลบวันที่และแปลงกลับเป็นจำนวนวันโดยการหารจำนวน (เป็นวินาที) ด้วยจำนวนวินาทีในหนึ่งวัน (60 * 60 * 24 = 86400)


6
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;
}

5

รหัสปรับปรุงรุ่นที่โพสต์โดย "บางคน"

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

สันนิษฐานเป็นเช่นวันที่วิธีการที่เรียกว่า ในกรณีใดบ้างที่สามารถเป็นวันที่ที่ไม่ถูกต้อง แต่ยังคงเป็นอินสแตนซ์ของวันได้
RobG

5

หากต่อไปนี้เป็นรูปแบบวันที่ของคุณคุณสามารถใช้รหัสนี้:

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

มันจะตรวจสอบว่า20121121ตัวเลขมีขนาดใหญ่กว่า20121103หรือไม่


4
หากมีอยู่ในรูปแบบ ISO8601 แล้ว (YYYY-MM-DD) คุณไม่จำเป็นต้องลบอักขระใด ๆ หรือแปลงเป็นจำนวนเต็ม เพียงเมื่อเปรียบเทียบสตริงfirst == secondหรือหรือfirst < second first > secondนั่นเป็นหนึ่งในความสวยงามที่มี ISO8601 มากกว่า MM / DD / YY, DD / MM / YY, YY / DD / MM, DD / YY / MM หรือ MM / YY / DD
บาง

5

ฉันมักจะเก็บDatesเป็นtimestamps(Number)ข้อมูลในฐานข้อมูล

เมื่อฉันต้องการเปรียบเทียบฉันเพียงเปรียบเทียบระหว่าง timestamps เหล่านั้นหรือ

แปลงเป็น Date Object แล้วเปรียบเทียบด้วย> <ถ้าจำเป็น

โปรดทราบว่า == หรือ === ทำงานไม่ถูกต้องเว้นแต่ตัวแปรของคุณจะอ้างอิงวัตถุวันที่เดียวกัน

แปลงอ็อบเจกต์ Date เป็น timestamp (number) ก่อนจากนั้นจึงเปรียบเทียบความเท่าเทียมกัน


Date to Timestamp

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

Timestamp to Date

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

นี่คือคำตอบที่ดีที่สุด - และjsperf.com/comparing-date-objects ที่
Scott Stensland

3

ก่อนที่จะเปรียบเทียบDatesวัตถุลองตั้งค่ามิลลิวินาทีทั้งสองเป็นศูนย์เหมือนDate.setMilliseconds(0);กัน

ในบางกรณีที่Dateวัตถุถูกสร้างแบบไดนามิกในจาวาสคริปต์ถ้าคุณยังคงพิมพ์Date.getTime()คุณจะเห็นการเปลี่ยนแปลงมิลลิวินาทีซึ่งจะป้องกันความเท่าเทียมกันของวันที่ทั้งสอง


3

ประสิทธิภาพ

วันนี้ 2020.02.27 ฉันทำการทดสอบโซลูชันที่เลือกใน Chrome v80.0, Safari v13.0.5 และ Firefox 73.0.1 บน MacOs High Sierra v10.13.6

สรุปผลการวิจัย

  • โซลูชันd1==d2(D) และd1===d2(E) นั้นเร็วที่สุดสำหรับเบราว์เซอร์ทั้งหมด
  • ทางออกgetTime(A) เร็วกว่า valueOf(B) (ทั้งคู่อยู่ในระดับปานกลาง)
  • โซลูชัน F, L, N ช้าที่สุดสำหรับเบราว์เซอร์ทั้งหมด

ป้อนคำอธิบายรูปภาพที่นี่

รายละเอียด

ในตัวอย่างโซลูชั่นด้านล่างที่ใช้ในการทดสอบประสิทธิภาพจะมีการนำเสนอ คุณสามารถทำการทดสอบในเครื่องที่นี่

ผลลัพธ์สำหรับ chrome

ป้อนคำอธิบายรูปภาพที่นี่


แต่d1==d2หรือd1===d2ไร้ประโยชน์ในบริบทของคำถาม
TheMaster

1
        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


ฉันคิดว่านี่เป็นคำตอบที่ดีเพราะเรามีรูปแบบ "dd / mm / yy" และเราต้องทำเพื่อเปรียบเทียบทั้งสองวัน ฉันไม่รู้ว่านี่เป็นคำตอบที่ดีที่สุด แต่ก็เพียงพอแล้ว ขอบคุณสำหรับการแบ่งปัน
danigonlinea

1
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;
     }
}

เรียกสิ่งนี้ในแบบฟอร์มส่ง หวังว่านี่จะช่วยได้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.