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

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!

https://stackoverflow.com/questions/1353684/detecting-an-invalid-date-date-instance-in-javascript — Saurabh Yadav, Jul 21 '17 at 07:15

Afnan Makhdoom · Answer 1 · 2017-08-30T19:27:18.323

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 '17 at 19:27

answered Jul 21 '17 at 07:17

Afnan Makhdoom

654
1
8
20

2

According to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse, "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)." – CAK2 Feb 20 '19 at 21:47

Regolith · Answer 2 · 2021-12-07T08:48:42.817

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 07 '21 at 08:48

answered Jul 21 '17 at 07:18

Regolith

2,944
9
33
50

`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. – Suprabhat Biswal Jul 21 '17 at 07:30
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 Jan 04 '21 at 16:36
forEach function is returning aaaa-mm-dd, testing it with jsFiddle – Zander Jan 04 '21 at 17:28

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

2 Answers2