javascript function (input date bigger than today date)

Question

I'm starter in javascript :

I need a function that detect if user input a date .. and alert him if the date is smaller than today date ...

HTML :

 <input type="date" name="StartDate" id="userdate"  required />

JavaScript I tried (didn't work of course ):

function TDate() {
var UserDate = document.getElementById("userdate").value;
var ToDate = Date.now();
if (UserDate != ToDate) {
    alert("The Date must be Bigger or Equal to today date")
    return false;
}
return true;}

What format is userdate? What today do you want? The users today or your possibly different today? — Alex K., Nov 18 '15 at 15:18
the system or server today .... example : user input 17/11/2015 but today in server or in system date is : 18/11/2015 I need the function to alert the user that he inserted a restricted date and focus on date to change it — Fares B Bader, Nov 18 '15 at 15:25

score 23 · Accepted Answer · answered Nov 18 '15 at 15:26

23

I have created a fiddle

https://jsbin.com/jidogo/edit?html,js,output

<input type="date" name="StartDate" id="userdate" onchange="TDate()" required />

JS

function TDate() {
    var UserDate = document.getElementById("userdate").value;
    var ToDate = new Date();

    if (new Date(UserDate).getTime() <= ToDate.getTime()) {
          alert("The Date must be Bigger or Equal to today date");
          return false;
     }
    return true;
}

answered Nov 18 '15 at 15:26

Zohaib Ijaz

21,926
7
38
60

it is good ,,, but when I insert the date manually it start alerting from the first value in the year section .... I think it need a button and an (onclick) event ... right ? – Fares B Bader Nov 18 '15 at 15:31
Actually I did this earlier but then changed as I was expecting that you need validation on change, but you are right, add a button like `` and remove `onchange` attribute from input – Zohaib Ijaz Nov 18 '15 at 15:33

Long Nguyen · Answer 2 · 2015-11-18T15:25:47.167

2

I assume that you can get the selected Date object by var selectedDate = document.getElementById("userdate").value. Then you can compare two date like compare 2 integer number:

function TDate() {
    var selectedDate = document.getElementById("userdate").value;
    if (selectedDate < Date.now()) {
        alert("The Date must be Bigger or Equal to today date")
        return false;
    }
    return true;
}

edited Nov 18 '15 at 15:25

answered Nov 18 '15 at 15:15

Long Nguyen

11,075
2
18
25

score 0 · Answer 3 · edited May 23 '17 at 11:58

0

I think this would be cleaner than other answers thanks to Juank:

var now = new Date(),
    minDate = now.toISOString().substring(0,10);

$('#my-date-input').prop('min', minDate);

edited May 23 '17 at 11:58

Community

1
1

answered Jun 23 '16 at 02:24

Morteza Tourani

3,506
5
41
48

score 0 · Answer 4 · answered Nov 12 '21 at 17:19

the accepted answer checks by time.
as the input type is "date", the milliseconds are 000
to compare for day

var variable1 = new Date();
var variable2 = variable1.toISOString().split('T')[0];
if (new Date($("#userdate").val()).getTime() < new Date(variable2).getTime()) {
    //input date less than todays date
}else{
    //input date bigger than todays date
}

javascript function (input date bigger than today date)

4 Answers4

Linked