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: