Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

javascript function (input date bigger than today date)

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;}
like image 451
Fares B Bader Avatar asked Dec 02 '22 15:12

Fares B Bader


2 Answers

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;
}
like image 60
Zohaib Ijaz Avatar answered Jan 02 '23 11:01

Zohaib Ijaz


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;
}
like image 25
Long Nguyen Avatar answered Jan 02 '23 10:01

Long Nguyen