JavaScript Detecting Valid Dates

Question

Possible Duplicate:
Detecting an “invalid date” Date instance in JavaScript

I was using the following to detect a valid date:

var text = $('#Date').val();
var date = Date.parse(text);

if (isNaN(date)) {
      // Invalid date
}

But found that Date.parse thinks the following are valid dates (mm/dd/yyyy)

2/30/2011
11/31/2011

Any other way to detect invalid dates when the number of days surpasses the total number of days in the month?

UPDATE: An even larger problem is that the jQuery validation plugin doesn't detect this as an invalid date either!

SOLUTION:

Based on @Guffa's comments I have created the following function to validate dates:

function validDate(text) {

    var date = Date.parse(text);

    if (isNaN(date)) {
        return false;
    }

    var comp = text.split('/');

    if (comp.length !== 3) {
        return false;
    }

    var m = parseInt(comp[0], 10);
    var d = parseInt(comp[1], 10);
    var y = parseInt(comp[2], 10);
    var date = new Date(y, m - 1, d);
    return (date.getFullYear() == y && date.getMonth() + 1 == m && date.getDate() == d);
}

Date.parse thinks not that they are correct, but it converts them into correct dates for you. E.g. `2/30/2011` will end as `03/02/2011` — Andreas, Nov 11 '11 at 18:21
after voting to close as dupe, i realized that the provided question is *not* identical, although it's related. — zzzzBov, Nov 11 '11 at 18:22
Since I needed to support input in multiple locales, we implemented our own date parser. The only way we found to detect this error was to compare the month string that we parsed with the month that comes out of the generated Date — Ruan Mendes, Nov 11 '11 at 18:33
Simply use **moment.js** like that http://momentjs.com/docs/#/parsing/is-valid/ **<3** — Yves M., Oct 14 '13 at 19:57
Possible duplicate of [Detecting an "invalid date" Date instance in JavaScript](https://stackoverflow.com/questions/1353684/detecting-an-invalid-date-date-instance-in-javascript) — Cœur, Jul 14 '18 at 11:47

Guffa · Accepted Answer · 2016-02-14T15:41:11.627

75

To check if a date is valid you can parse the components of the date, create a Date object from it, and check if the components in the data is the same as the parsed components. If you create a Date object from compnents that are out of range, the values will flow over to the next/previous period to create a valid date.

For example, new Date(2011,0,42) will create an object that contains the date 2/11/2011 instead of 1/42/2011.

By parsing the components instead of the full date you will also get around the problem with different date formats. My browser will for example expect a date format like y-m-d rather than d/m/y.

Example:

var text = '2/30/2011';
var comp = text.split('/');
var m = parseInt(comp[0], 10);
var d = parseInt(comp[1], 10);
var y = parseInt(comp[2], 10);
var date = new Date(y,m-1,d);
if (date.getFullYear() == y && date.getMonth() + 1 == m && date.getDate() == d) {
  alert('Valid date');
} else {
  alert('Invalid date');
}

Demo: http://jsfiddle.net/Guffa/UeQAK/

edited Feb 14 '16 at 15:41

answered Nov 11 '11 at 18:30

Guffa

687,336
108
737
1,005

1

This works great! Except you need to change the date.getDay() to date.getDate(). – Nick Olsen Nov 11 '11 at 18:37
One of the best answers I found! Thanks Guffa – Karl Aug 02 '14 at 12:46
Why the downvote? If you don't explain what it is that you think is wrong, it can't improve the answer. – Guffa Jan 20 '16 at 00:07
Maybe I'm paranoid, but I wonder if it would be safer to use `new Date(Date.UTC())` and `Date.prototype.getUTC*()` instead. – Pang May 09 '16 at 09:31
1

Just what I need...Does this consider leap year? – shole Aug 11 '16 at 03:34
What is the purpose of -1 on the month, only to add it back later? – Swen Apr 22 '18 at 14:31

score 3 · Answer 2 · answered Nov 11 '11 at 18:28

If your date format is fixed as M/D/YYYY, you could re-format the parsed date and see if it matches the input:

var d = new Date(Date.parse(str))
return str === (d.getMonth()+1)+'/'+d.getDate()+'/'+d.getYear();

However, that won't tolerate whitespace or zero-padded numbers.

If you don't need to keep the user's input exactly, you could just reformat the date anyway and pretend that was what they typed.

But if you can't do that either, I'd parse out the components myself using a RegExp and then compare them to values from the Date methods.

score 0 · Answer 3 · edited May 31 '17 at 10:24

0

The example is wrong

the correct is

if ((month == 4 || month == 6 || month == 9 || month == 11) && day <= 30)

<= instead of =

But the example are great!

edited May 31 '17 at 10:24

Purvik Dhorajiya

4,662
3
34
43

answered May 30 '17 at 19:01

Thales Violakis

1

score 0 · Answer 4 · answered Nov 16 '22 at 18:44

A simple, intrinsic way to achieve this can be:

let dateObj = document.getElementById('Date');
if (dateObj.validity.badInput) {
 // show error message
}

Now some date formatting can be done, but HTML date-picker event has properties like badInput and valid to check invalid dates.

score 0 · Answer 5 · edited Jan 06 '17 at 10:31

You could write a script to do this manually:

function checkDate(day, month) {
   if ((month == 4 || month == 6 || month == 9 || month == 11) && day < 30) {
       alert("Date is valid")
   }
   else if (month == 2 && day <= 28) {
       alert("Date is valid")
   }
   else if ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day <= 31) {
       alert("Date is valid")
   }
   else {
       alert("Date is in-valid")
   }
}

Of course, you would also need something to look out for leap years, but just remember that any year divisible by 4 and not by 100 is a leap year unless the first two digits of the year are divisible by 4. That should be easy to include in this function.

in statement `==` not `=` ? – user1575921 Mar 20 '16 at 03:56 — user1575921, Mar 20 '16 at 03:56

JavaScript Detecting Valid Dates

5 Answers5

Linked

Related