109

I have two string dates in the format of m/d/yyyy. For example, “11/1/2012”, “1/2/2013”. I am writing a function in JavaScript to compare two string dates. The signature of my function is bool isLater(string1, string2), if the date passed by string1 is later than the date passed by string2, it will return true, otherwise false. So, isLater(“1/2/2013”, “11/1/2012”) should return true. How do I write a JavaScript function for this?

Improve this question
3
  • 1
    create two Date objects from your strings and compare them as numbers. Commented Feb 8, 2013 at 20:53
  • 2
    convert the strings to native JS datetime objects (see stackoverflow.com/questions/5619202/…). from there it gets easy. Commented Feb 8, 2013 at 20:54
  • 1
    how do I create two date objects from strings? Commented Feb 8, 2013 at 20:54

8 Answers 8

Reset to default
190 

const d1 = Date.parse("2012-11-01");
const d2 = Date.parse("2012-11-04");

if (d1 < d2) {
  console.log("Error!");
}

Or, as mentioned in the comments, directly compare the strings:

if ("2012-11-01" < "2012-11-04") {
  console.log("Error!");
}

Improve this answer
Sign up to request clarification or add additional context in comments.

8 Comments

will it work if the format of the dates are 12/31/1992? where MM/dd/YYYY ?
It works for MM/dd/YYYY format as well. @AnttiHaapala It does seem to work with all operator.
I retracted my comment whereby I claimed that this does not work for ==, since when I glimpsed at the code I thought it was comparing Date objects. However, Date.parse returns an integer instead (now how convenient is that) and this code would work for equality as well. Still, beware that new Date('2015-10-10') == new Date('2015-10-10') is false!
It's not working for format DD/MM/yyyy why can anybody pls tell me ??
Given the date formats, there is no need for Date.parse, they can be compared as strings, i.e. "2012-11-01" < "2012-11-04".
|
19

You can simply compare 2 strings

function isLater(dateString1, dateString2) {
  return dateString1 > dateString2
}

Then

isLater("2012-12-01", "2012-11-01")

returns true while

isLater("2012-12-01", "2013-11-01")

returns false

Improve this answer

8 Comments

"2017/10/26" > "2017/10/7" gives false :D
@CaseyC it's not about syntax. It's about the lack of the leading zero before '7'. If you pass exactly 2017/10/26 and 2017/10/7 you'll get false. It is important that the format should be very specific for this solution to work.
@max is right. Not syntax, it's format specific. I deleted my comment because it's misleading.
Despite some confusion in the comments here, this does work for all YYYY-MM-DD dates. The original question was asking about "m/d/yyyy" dates, but most of us are using YYYY-MM-DD internally, so this is the best solution for most cases.
what happens if two dates are equal: "2012-12-01", "2012-12-01" ?
|
17

Parse the dates and compare them as you would numbers:

function isLater(str1, str2)
{
    return new Date(str1) > new Date(str2);
}

If you need to support other date format consider a library such as date.js.

Improve this answer

3 Comments

I'd like to note that this works only for compare operators, not equality == or !=.
It's not working for format DD/MM/yyyy why can anybody pls tell me ??
@meenu1meen There are only a few parseable data formats in the JavaScript spec. Browsers also support some others despite them not being in the spec (e.g. most parse mm-dd-yyyy). But there are no guarantees and you need to parse it explicitly in your own code or using a library.
3

Directly parsing a date string that is not in yyyy-mm-dd format, like in the accepted answer does not work. The answer by vitran does work but has some JQuery mixed in so I reworked it a bit.

// Takes two strings as input, format is dd/mm/yyyy
// returns true if d1 is smaller than or equal to d2

function compareDates(d1, d2){
var parts =d1.split('/');
var d1 = Number(parts[2] + parts[1] + parts[0]);
parts = d2.split('/');
var d2 = Number(parts[2] + parts[1] + parts[0]);
return d1 <= d2;
}

P.S. would have commented directly to vitran's post but I don't have the rep to do that.

Improve this answer

7 Comments

Thank you. This works even for a custom date format.
this works good,we just need to pad zero before single digit months and single digit dates
This wouldn't work... At all. According to this, 1-1-2019 is smaller than 31-12-1985, which is obviously wrong.
That is because you don't format the date properly I believe. It should be dd/mm/yyyy
It is dd/mm/yyyy. You can check it yourself: 01/01/2019 (1st of January 2019) and 31/12/1985 (31st of december 1985). If you concatenate the parts of each date and then convert them into a number, you get 1,012,019 and 31,121,985. And the second number is obviously bigger than the first one... But the truth is the first date is 30 years bigger than the second one. Even if the sum of its parts was taken as numbers too, it wouldn't work (2021 < 2028)
|
3

The best way to compare dates without having to change them into date objects and back, is to keep them as strings, but in a standard format that is comparable, which means they are the exact same length and have same syntax, and in logical order of magnitude. I recommend ISO string method in plain javascript new Date().toISOString() or moment moment().toISOString() to do this. The resulting syntax is something like: "2023-01-22T05:00:00.000Z" Notice the T and Z, etc.

Javascript (and MongoDB) is able to compare strings, via simple binary comparison, which means it is comparing every digit, from left to right, and whichever has higher digit first wins. By logically organizing the data from year to milliseconds, via magnitude, it ensures this method works every time. Just to give you an example, if you were measuring distances, and the units are Miles, Yards, Feet, and Inches, to compare two distances, it is obvious that miles need to be compared first, right? Only then the rest matters; if you check inches first and declare the winner, you'll get wrong answers. So similarly, in dates, years have to be compared first because comparison goes from left to right. You can check below via node console:

// strings can be correctly compared.
"9" > "0" == true; "0" > "9" == false

//they have to be in logical order of left to right in magnitude,
//from year to month to date, otherwise you'll let less material number win
"12/31/2000" > "01/01/2999" == true

//separator has to be consistent, because / vs. - matters
"/" > "-" == true; so "2000/01/01" > "2000-12-31" == true; 

//they have to be the same length, add leading zero as necessary
"2017/10/26" > "2017/10/7" == false;  "2017/10/26"  > "2017/10/07" == true

//they have to have consistent syntax
"T" > " " == true;  
"2023-01-22T05:00:00.000Z" > "2023-01-22 06:00:00" == true

All of these things are addressed when you use the ISO String format to store the date, which is the default way Mongo does it. And to answer the question, you can do something like:

const compareDate = new Date("1/2/2013").toISOString()
const baseDate = new Date("11/1/2012").toISOString()

function isLater(string1, string2) {
    return string1 > string2
}

isLater(compareDate, baseDate)
Improve this answer

Comments

0

This worked for me in nextjs/react

import { format, parse, isBefore } from "date-fns";

...

{isBefore(new Date(currentDate), new Date(date)) ? (
 <span>Upcoming Event</span>
) : (
 <span>Past Event</span>
)}

...

isBefore(date, dateToCompare)

https://date-fns.org/docs/isBefore

Improve this answer

Comments

-1

You can use "Date.parse()" to properly compare the dates, but since in most of the comments people are trying to split the string and then trying to add up the digits and compare with obviously wrong logic -not completely.

Here's the trick. If you are breaking the string then compare the parts in nested format.

Compare year with year, month with month and day with day.

<pre><code>

var parts1 = "26/07/2020".split('/');
var parts2 = "26/07/2020".split('/');

var latest = false;

if (parseInt(parts1[2]) > parseInt(parts2[2])) {
    latest = true;
} else if (parseInt(parts1[2]) == parseInt(parts2[2])) {
    if (parseInt(parts1[1]) > parseInt(parts2[1])) {
        latest = true;
    } else if (parseInt(parts1[1]) == parseInt(parts2[1])) {
        if (parseInt(parts1[0]) >= parseInt(parts2[0])) {
            latest = true;
        } 
    }
}

return latest;

</code></pre>
Improve this answer

Comments

-2

If your date is not in format standar yyyy-mm-dd (2017-02-06) for example 20/06/2016. You can use this code

var parts ='01/07/2016'.val().split('/');
var d1 = Number(parts[2] + parts[1] + parts[0]);
parts ='20/06/2016'.val().split('/');
var d2 = Number(parts[2] + parts[1] + parts[0]);
return d1 > d2
Improve this answer

1 Comment

This doesn't work. It treats all parts of the date with equal significance. You want something like var d1 = Number(parts[2] * 10000 + parts[1] * 100 + parts[0]);

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.