Realisieren Sie eine dreistufige Verknüpfung von Jahr, Monat und Tag basierend auf JavaScript
|
In diesem Artikel wird der spezifische Code für JavaScript zur dreistufigen Verknüpfung von Jahr, Monat und Tag zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt
Code:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Dreistufige Verknüpfung von Jahr, Monat und Tag</title>
</Kopf>
<body onload="initJahr(),initMonat()">
<select id="year"></select>Jahr<select id="month" onchange="initDate()"></select>Monat<select id="date"></select>Tag<script>
/**
* Jahr initialisieren */
Funktion initYear() {
//Das aktuelle Jahr abrufen let curYear = new Date().getFullYear();
//Jahreslistenobjekt abrufen let yearObj = document.getElementById("year");
yearObj.options.add(new Option("---Bitte wählen Sie ein Jahr---", ""));
für (let year = aktuellesJahr; year > aktuellesJahr - 100; year--) {
let option = neue Option(Jahr, Jahr);
JahresObj.Optionen.Hinzufügen(Option);
}
}
/**
* Monat initialisieren */
Funktion initMonth() {
//Jahreslistenobjekt abrufen let monthObj = document.getElementById("month");
monthObj.options.add(neue Option("---Bitte wählen Sie einen Monat aus---", ""));
für (let Monat = 1; Monat <= 12; Monat++) {
let option = neue Option(Monat, Monat);
Monatsobj.Optionen.Hinzufügen(Option);
}
}
/**
* Initialisierungsdatum */
Funktion initDate() {
let dateObj = document.getElementById("Datum");
//Den ausgewählten Monat des Monats abrufen let month = document.getElementById("month").value;
//Wenn der Monat ausgewählt ist, wird das entsprechende Datum angezeigt dateObj.options.add(new Option("---Bitte wählen Sie ein Datum aus---", ""));
//Monat in eine Zahl umwandeln month = parseInt(month);
//Anzahl der Tage pro Monat definieren let days = 31;
Schalter (Monat) {
Fall 1:
Fall 3:
Fall 5:
Fall 7:
Fall 8:
Fall 10:
Fall 12:
brechen;
Fall 4:
Fall 6:
Fall 9:
Fall 11:
Tage = 30;
brechen;
Fall 2:
//Es muss festgestellt werden, ob es ein Schaltjahr ist und das aktuell ausgewählte Jahr abgerufen werden. let year = document.getElementById("year").value;
wenn (Jahr % 4 == 0 && Jahr % 100 != 0 || Jahr % 400 == 0) {
Tage = 29;
} anders {
Tage = 28;
}
brechen;
}
// Schleife durch die erhaltenen Tage für (let i = 1; i <= days; i++) {
let option = neue Option(i, i);
dateObj.options.add(option);
}
}
</Skript>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Verwendung und Analyse des Mysql Explain-Befehls
>>: Sicherheitsüberlegungen zur Windows-Serververwaltung
Artikel empfehlen
Detaillierte Erklärung der MySQL-Datenbank - Abfrage mehrerer Tabellen - Inner Join, Outer Join, Unterabfrage, korrelierte Unterabfrage
Abfrage mehrerer Tabellen Verwenden Sie eine einz...
Detaillierte Erklärung der Größe des Boxmodells, abhängig von seinen Polsterungs-, Rand- und Rahmenwerten
Das Boxmodell gibt die Breite und Höhe sowie die ...
Lösung für das Problem, dass Mixin in SCSS nicht funktioniert (der Browser kann es nicht kompilieren)
Mixin-Methode: Der Browser kann nicht kompilieren...
WiFi-Entwicklung | Einführung in die WiFi-Wireless-Technologie
Inhaltsverzeichnis Einführung in die WiFi-Wireles...
So lösen Sie das Problem, dass die Website kein direktes Kopieren von Seiteninhalten oder Informationen zulässt
Heutzutage erlauben viele Websites nicht das direk...
Apache Calcite-Code zur Dialektkonvertierung
Definition Calcite kann SQL vereinheitlichen, ind...
Detaillierte Erläuterung der drei Möglichkeiten zum Konfigurieren virtueller Nginx-Hosts (basierend auf Ports)
Nginx unterstützt drei Möglichkeiten zum Konfigur...
Fallstudie zum Unterschied zwischen JavaScript parseInt() und Number()
Lernziele: Die beiden Funktionen parseInt() und N...
Methode zum dynamischen Laden von Geojson basierend auf Vue+Openlayer
Laden eines oder mehrerer Features <Vorlage>...
Lösung für die MySQL-Eingabeaufforderung „Beim Lesen der Kommunikationspakete ist eine Zeitüberschreitung aufgetreten“
Fehlermeldung: Benutzer: „root“, Host: „localhost...
So ändern Sie das Root-Benutzerkennwort in MySQL 8.0.16, WinX64 und Linux
Grundlegende Vorgänge wie die Verbindung zur Date...
Zusammenfassung einiger Situationen, in denen die Docker-Containerfestplatte voll ist
Vorwort Dieser Artikel beschreibt zwei Situatione...
Beispielcode zur Implementierung eines bildadaptiven Containers mit CSS
Es gibt häufig Szenarien, in denen das Bild an di...
Grafisches Tutorial zur Installation und Konfiguration der grünen Version von MySQL 5.7.21 winx64
Dieser Artikel beschreibt die Installations- und ...
Eine kurze Diskussion über das Prinzip der bidirektionalen Datenbindung von React
Inhaltsverzeichnis Was ist bidirektionale Datenbi...