Akzeptieren Datum von Benutzer in bestimmten Bereich

Question

Ich habe ein Formular, über das ich nur innerhalb des Datumsbereiches Datum akzeptieren möchte. Aber, welches Datum immer ich hole, es kommt falsch zurück und zeigt falschen Bereich an. Im Folgenden sind die Codes Related-

register.html-

<div class="form-group row"> 
     <label for="date" class="col-sm-2 col-form-label class='control-label' ">Date of Birth</label> 
     <div class="col-sm-5"> 
     <input type="date" max="2010-12-31" min="1990-01-01" id="dob" placeholder="Date of birth"> 
     </div> 
    </div> 

controller.js-

var dobInput = document.forms["myform"]["dob"].value; 
    var maxdate = new Date("2010-12-31"); 
    var mindate= new Date("1990-01-01"); 
    if(maxdate>dobInput && dobInput>mindate) 
    { 
     alert("correct range"); 
    } 
    else{ 
     alert("Input out of range"); 
return false; 
    } 

Answer 1

Der Wert Sie bekommen wird als Zeichenfolge zurückgegeben, aber versuchen Sie dies zu bewerten gegen Date-Typ-Variablen - dies wird nicht funktionieren, da eine String-to-String-Auswertung erfolgt lexicographically.

Sie sollten stattdessen den Wert in ein Datum umwandeln zuerst:

var inputDate = new Date(dobInput); 
if(maxdate>inputDate && inputDate >mindate){ 
    ... 

Answer 2

Ihre Eingabe eine Zeichenfolge ist. also zuerst nach Date konvertieren und mit getTime-Methode überprüfen. Der korrekte Code ist wie unten ..

var dobInput = document.forms["myform"]["dob"].value; 
var maxdate = new Date("2010-12-31"); 
var mindate= new Date("1990-01-01"); 
var dateToChk = new Date(dobInput); 
if(maxdate.getTime()>dobInput.getTime() && dobInput.getTime()>mindate.getTime()) 
{ 
    alert("correct range"); 
} 
else{ 
    alert("Input out of range"); 
    return false; 
}