Wie warne ich, wenn das Eingabedatum größer ist als das definierte Datum in js

Question

Ich habe ein Eingabedatum Feld in meinem Formular. In meinem Datumsfeld i einen Fehler aufmerksam zu machen brauchen, wenn das Eingangsdatum größer als jedes Datum ist i vor hier definieren ist, was ich Code:

$(document).ready(function() { 
    var date = new Date(2016,2,1); //the defined date is 1 March 2016 
    var day = date.getDate(); 
    var month = date.getMonth(); 
    month = month + 1; 

    if(day < 10){ 
     day = '0' + day; 
    } 

    if(month < 10){ 
     month='0'+month; 
    } 

    someday = day + '/' + month + '/' + date.getFullYear(); 

    $("#q1 input").blur(function(){ //#q1 is the ID for the input field. 
     if($('#q1 input').val() > someday){ 
      alert('the input is bigger than the defined'); 
     }else{ 
      alert('the defined is bigger than the input '); 
     } 
    }); 
}); 

Answer 1

Sie können die Werte wie in der neuen Fassung vergleichen wollen, nicht so wie du es getan hast. Konvertieren Sie den Eingabewert in die Form des Datums und vergleichen Sie ihn mit der Variablen 'date'.

Answer 2

Vergleichen Sie das Eingabedatum mit dem von Ihnen definierten gewünschten Datum. Zum Beispiel:

var d1 = new Date(); 
var d2 = new Date(d1); 
var same = d1.getTime() === d2.getTime(); 
var notSame = d1.getTime() !== d2.getTime(); 

Wenn Sie es schwierig finden, dann gibt es eine wunderbare js Bibliothek moment.js genannt. Es ist sehr nützlich beim Spielen mit Daten.

Answer 3

$(document).ready(function() { 
    var date=new Date(2016,2,1); //the defined date is 1 March 2016 
    var fixedDate = returnDate(date);// convert date in dd/mm/yyyy format 

    //#q1 input will search a child input inside an #q1 dom element, which probably not the case 
    // input#q1 will refer to input with id #q1 
    // You can directly query the input since it has id #q1 so #q1 input is not correct 


$("#q1").blur(function(){ //#q1 is the ID for the input field. 
var d2 = new Date($('#q1').val()); 
var inputDate = returnDate(d2); // convert input date in dd/mm/yyyy format 

if(inputDate > fixedDate){ // compare two dates 
    console.log('the input is bigger than the defined'); 
    }else{  
    console.log('the defined is bigger than the input '); 
} 
}); 
}); 

// Write a general function to convert date in dd/mm/yyyy format 
function returnDate(date){ 
    var day=date.getDate(); 
    var month=date.getMonth(); 
    month=month+1; 
    if(day<10){ 
    day='0'+day; 
} 
    if(month<10){ 
    month='0'+month; 
} 
var someday=day+ '/' + month + '/' + date.getFullYear(); 
    return someday; 
} 

JSFIDDLE

EDIT 1

Verwenden ternärer Operator statt if-else

inputDate > fixedDate? (console.log("the input is bigger than the defined")):(console.log("the defined is bigger than the input")) 

with ternary operator

Answer 4

Daten zu vergleichen ist Sehr einfach. Die meisten Betreiber zwingen die Operanden zu Nummer und Daten zurückkehren, um ihre Zeitwert so zu sehen, ob heute vor oder nach etwa am 1. März 2016 zwei Termine erstellen und vergleichen sie:

var epoch = new Date(2016,2,1); // Create date for 2016-03-01T00:00:00 
 
var now = new Date();   // Create a date for the current instant 
 
now.setHours(0,0,0,0);   // Set time to 00:00:00.000 
 

 
if (now < epoch) { 
 
    alert('Before 1 March, 2016'); 
 
} else { 
 
    alert('On or after 1 March, 2016'); 
 
}

Oder ein Bit kompakter:

alert((now < epoch? 'Before':'On or after') + ' 1 March, 2016');