Heim > Web-Frontend > js-Tutorial > JQuery überprüfen, ob das Datum gültig ist

JQuery überprüfen, ob das Datum gültig ist

Lisa Kudrow
Freigeben: 2025-03-01 08:51:14
Original
1009 Leute haben es durchsucht

jQuery Check if Date is Valid

Einfache JavaScript -Funktion wird verwendet, um zu überprüfen, ob das Datum gültig ist.

function isValidDate(s) {
  var bits = s.split('/');
  var d = new Date(bits[2] + '/' + bits[1] + '/' + bits[0]);
  return !!(d && (d.getMonth() + 1) == bits[1] && d.getDate() == Number(bits[0]));
}

//测试
var currentDate = new Date('31/09/2011');
console.log(isValidDate(currentDate.toString()));
console.log(isValidDate('30/09/2011'));
Nach dem Login kopieren

JavaScript -Funktion wird verwendet, um die Anzahl der Tage im Monat zu erhalten.

function daysInMonth(month, year) {
    return new Date(year, month, 0).getDate();
}

//测试
daysInMonth('09','2011');
//输出: 30
Nach dem Login kopieren

Siehe auch:- JQuery Get Future Datum

  • JavaScript -Datum Zeigt Jahr Fehler
  • an
  • jQuery Datum und Uhrzeit - Komplette Liste

JavaScript -Funktion wird verwendet, um zu überprüfen, ob das Datum gültig ist und ob es ungültig ist, auf den letzten Tag des Monats festgelegt wird.

/* 检查日期是否有效,如果无效则恢复到当月最后一天 */
validateDateLastDayMonth: function() {
    /* 辅助函数 */
    function isValidDate(s) {
      var bits = s.split('/');
      var d = new Date(bits[2] + '/' + bits[1] + '/' + bits[0]);
      return !!(d && (d.getMonth() + 1) == bits[1] && d.getDate() == Number(bits[0]));
    } 

    function daysInMonth(month, year) {
        return new Date(year, month, 0).getDate();
    }

    /* 初始化 */
    var currentDate = new Date(),
    currentMonth = currentDate.getMonth() + 1,
    lastDayOfMonth = new Date(currentDate.getFullYear(), (currentDate.getMonth() - 1), 0).getDate(),
    departureDate = FCL.DATETIME.futureDateDays(14),
    depDate = departureDate.split('/'),
    departureDateMonth = depDate[1];
    if (departureDateMonth != currentMonth) {
        departureDate = FCL.DATETIME.leadingZero(lastDayOfMonth) +'/'+ FCL.DATETIME.leadingZero(currentMonth) +'/'+ depDate[2];
    }

    /* 验证日期 */
    if (!isValidDate(departureDate.toString())) {
        var bits = departureDate.split('/');
        departureDate = FCL.DATETIME.leadingZero(daysInMonth(bits[1],bits[2])) +'/'+ FCL.DATETIME.leadingZero(currentMonth) +'/'+ depDate[2];
    }

    $('input[name="depDate"]').val(departureDate);
}
Nach dem Login kopieren

jQuery Datumsprüfung FAQs (FAQs)

Wie kann ich JQuery verwenden, um Daten in einem bestimmten Format zu überprüfen?

jQuery bietet eine Methode namens $.datepicker.parseDate, mit der Daten in einem bestimmten Format überprüft werden können. Diese Methode erfordert zwei Parameter: Datumsformat und Datumszeichenfolge. Wenn die Datumszeichenfolge mit dem Format übereinstimmt, gibt die Methode ein Datumsobjekt zurück. Wenn es nicht übereinstimmt, wird ein Fehler angesprochen. Beispiele sind wie folgt:

try {  
 $.datepicker.parseDate('dd/mm/yy', '31/12/2020');  
 console.log('日期有效');  
} catch (error) {  
 console.log('日期无效');  
}
Nach dem Login kopieren

Was ist ein JQuery -Verifizierungs -Plugin und wie verwenden Sie es für die Datumsüberprüfung?

JQuery Converification Plugin bietet ein leistungsstarkes Rahmen für Client -Formularverifizierung. Es enthält integrierte Verifizierungsmethoden für gemeinsame Bedürfnisse, einschließlich Datumsprüfung. Um es zu verwenden, müssen Sie das Plugin in Ihr Projekt aufnehmen und die validate -Methode auf dem Formular aufrufen. Sie können Regeln für jedes Formularfeld angeben, einschließlich Datumsfelder. Zum Beispiel:

$('form').validate({  
 rules: {  
 dateField: {  
 date: true  
 }  
 }  
});
Nach dem Login kopieren

Wie kann ich JQuery verwenden, um den Datumsbereich zu überprüfen?

Um den Datumsbereich zu überprüfen, können Sie die Methode $.datepicker.parseDate verwenden, um die Datumszeichenfolge in ein Datumsobjekt umzuwandeln und dann zu vergleichen. Beispiele sind wie folgt:

var startDate = $.datepicker.parseDate('dd/mm/yy', '01/01/2020');  
var endDate = $.datepicker.parseDate('dd/mm/yy', '31/12/2020');  

if (startDate > endDate) {  
 console.log('开始日期晚于结束日期');  
} else {  
 console.log('日期范围有效');  
}
Nach dem Login kopieren

Kann ich JQuery verwenden, um das Datum ohne Verwendung des Plugins zu überprüfen?

Ja, Sie können das integrierte JavaScript-Datum Objekt verwenden, um Daten zu überprüfen, ohne Plug-Ins zu verwenden. Diese Methode ist jedoch nicht so flexibel und komplexer wie die Verwendung von Plug-Ins oder $.datepicker.parseDate. Beispiele sind wie folgt:

var dateString = '31/12/2020';  
var dateParts = dateString.split('/');  
var dateObject = new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0]);  

if (dateObject.getDate() == dateParts[0] && dateObject.getMonth() == dateParts[1] - 1 && dateObject.getFullYear() == dateParts[2]) {  
 console.log('日期有效');  
} else {  
 console.log('日期无效');  
}
Nach dem Login kopieren

Der Rest des FAQ -Inhalts ähnelt dem obigen, aber die Beschreibung des Problems und des Codebeispiels wurde leicht angepasst, um eine Duplikation zu vermeiden, werde ich es hier nicht wiederholen. Die Kernidee besteht darin, die Gültigkeit von Daten basierend auf JavaScripts Date -Objekt und Jquerys $.datepicker.parseDate -Methode zu überprüfen. Unterschiedliche Probleme unterscheiden sich nur in den Verifizierungsbedingungen, wie z. B. Datumsformat, Datumsbereich, Schaltjahr usw.

Das obige ist der detaillierte Inhalt vonJQuery überprüfen, ob das Datum gültig ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage