How to validate if the input is a valid date in javascript [duplicate]

Question

I want to validate if the date input to a function is a valid date. I have the following HTML markup

<div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i> Check in</span>
                        <input id="checkinner" type="date" onchange="datechange(this)" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" placeholder="Enter checkin date of birth">
                    </div>

And the following is my function in javascript

function datechange(element) {


        if (element.value.IsValidDate())
        {
            //code 
        }

    }

Appreciate the love and help!

What is the definition of Valid Data in your case?

Mohammed Joraid
– Mohammed Joraid

2017-07-21 07:14:24 +00:00
Commented Jul 21, 2017 at 7:14 — Mohammed Joraid
– Mohammed Joraid, Commented Jul 21, 2017 at 7:14
stackoverflow.com/questions/1353684/…

Saurabh Yadav
– Saurabh Yadav

2017-07-21 07:15:12 +00:00
Commented Jul 21, 2017 at 7:15 — Saurabh Yadav
– Saurabh Yadav, Commented Jul 21, 2017 at 7:15

Afnan Makhdoom · Accepted Answer · 2017-08-30 19:27:18Z

1

Try this:

    function datechange(element) {
        var date = Date.parse(element.value.toString());
        if (isNaN(date))
            alert('This is not a date object');
        else
            alert('This is a date object');
    }

edited Aug 30, 2017 at 19:27

answered Jul 21, 2017 at 7:17

Afnan Makhdoom

6541 gold badge9 silver badges20 bronze badges

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

1 Comment

CAK2 Over a year ago

According to developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…, "It is not recommended to use Date.parse as until ES5, parsing of strings was entirely implementation dependent. There are still many differences in how different hosts parse date strings, therefore date strings should be manually parsed (a library can help if many different formats are to be accommodated)."

Regolith · Accepted Answer · 2021-12-07 08:48:42Z

0

Try this,

function datechange(element) {
    function isValidDate(s) {
        var regex=new RegExp("([0-9]{4}[-](0[1-9]|1[0-2])[-]([0-2]{1}[0-9]{1}|3[0-1]{1})|([0-2]{1}[0-9]{1}|3[0-1]{1})[-](0[1-9]|1[0-2])[-][0-9]{4})");
        return regex.test(s);
    }
[document.getElementById("checkinner").value].forEach(function(s) {
    if(isValidDate(s)){
        console.log(s + ' : ' + isValidDate(s))
    } else {
        console.log('not valid')
    }
});
}

<div class="input-group">
    <span class="input-group-addon">
        <i class="fa fa-calendar"></i> Check in
    </span>
    <input id="checkinner" type="date" onchange="datechange(this)" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" placeholder="Enter checkin date of birth">
</div>

edited Dec 7, 2021 at 8:48

answered Jul 21, 2017 at 7:18

Regolith

2,97810 gold badges36 silver badges53 bronze badges

3 Comments

Suprabhat Biswal Over a year ago

dd/mm/yyyy or dd-mm-yyyy both are valid date format. Splitting a date string with / is not a complete answer to this question.

Zander Over a year ago

I don't know why, but if I run this code snippet here, its saying not valid even with a valid date, same happens on my site, but if I run it in jsFiddle, it says it's valid

Zander Over a year ago

forEach function is returning aaaa-mm-dd, testing it with jsFiddle

Collectives™ on Stack Overflow

How to validate if the input is a valid date in javascript [duplicate]

2 Answers 2

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Linked

Related