Das aktuelle Datum/Uhrzeit wird über new Date() geholt.
Mit new Date(2013, 0, 6) wird z.B. der 6. Januar 2013 gesetzt.
Mit den folgenden Funktionen kann auf das Datum zugegriffen werden.
Ergebnis von new Date()
Ergebnis von getMilliseconds()
Ergebnis von getFullYear()
getMonth liefert den Monat ab 0 - deshalb muss 1 addiert werden.
Ergebnis von getMonth()
Ergebnis von getDate()
Wochentag: Sonntag = 0
Ergebnis von getDay()
Die Funktion anzTageMonat liest die eingegeben Werte, ruft die Funktion kalenderTageImMonat auf und gibt die zurückgelieferten Tage aus.
Die Monatszählung in JavaScript wird mit 0 begonnen, deshalb wird der eingegeben Monat um 1 verringert.
Die Funktion kalenderTageImMonat liefert die Anzahl der Tage eines Monats.
Die Anzahl der Tage eines Monats, unter Berücksichtigung der Schaltjahre, kann man in JavaScript durch eine Trick erreichen.
Übergibt man an new Date(YYYY, MM, DD) mehr Tage als der Monat hat, wird der Monat expliziet um 1 erhöht.
Beispiel new Date(2013, 9, 32) ergibt 2.10. Mit getDate wird der Tag aus dem new Date ermittelt. Das ergibt im Beispiel 2. Die 2 wird von 32 abgezogen und man hat die Anzahl der Tage.
Beispiel Februar: new Date(2013, 2, 32) ergibt 4.4 - getDate liefert 4 also 32 - 4 = 28
Beispiel August: new Date(2013, 8, 32) ergibt 1.9 - getDate liefert 1 also 32 - 1 = 31
Hier wird der Kalender für eine Monat/Jahr angezeigt.
Dabei wird der Kalender im div divKalenderAnzeigen mit JavaScript und DOM aufgebaut.
Die Tabelle wird mit der Funktionen addElement erzeugt. Siehe auch die Beschreibung dazu.
Zusätzlich wird die Funktion kalenderTageImMonat benötig. Diese Funktion ermittelt die Anzahl Tage eines Monats. Siehe dazu auch das Kapitel Anzahl der Tage eines Monats.
In diesem Formular kann das Datum direkt eingegeben werden oder aus einem Kalender ausgewählt werden.
Durch einen Klick auf das Kalendericon wird der Kalender mit dem aktuellen Monat eingeblendet. Jahr und Monat können verändert werden.
Bei einem Klick auf einen Tag wird dieser in das Feld Datum übernommen und der Kalender geschlossen.
Alle Felder des Formulars und die Buttons müssen das Event focus bekommen und die Funktion kalenderAus aufrufen. Ein Event auf das Formular geht nicht, da sonst focus vor dem click auf die Tageszahl ausgeführt wird und der Kalender geschlossen wird.
Hinter dem Datumsfeld gibt es einen Link, der die Funktion kalenderEin() aufruft.
Der Button Datum anzeigen ruft die Funktion datumAnzeigen auf. Das Datum aus dem Feld Datum wird angezeigt..
Beim Klick auf das Kalendersymbol wird die Funktion kalenderEin aufgerufen und blendet den Kalender mit dem aktuellen Monat ein.
Dazu wird die Funktion kalenderAuswahl aufgerufen.
Die Funktion kalenderAuswahl ermittelt mit der Funktion kalenderTageImMonat die Anzahl der Tage des Monats und erstellt mit DOM den Kalender in einer Tabelle.
Bei einem Klick auf die Pfeile in der Kopfzeile wird die Funktion kalenderMonatJahr aufgerufen und verändert den Moat oder das Jahr entsprechend.
Bei einem Klick auf einen Tag wird die Funktion kalenderDatumUebernahme aufgerufen. Diese Funktion holt aus der Kopfzeilen den Monat und das Jahr. Zusammen mit dem gewählten Tag wird das Datum in das Formularfeld eingetragen. Mit dem Aufruf der Funktion kalenderAus wird der Kalender geschlossen.
Die Tabelle wird mit der Funktionen addElement erzeugt. Siehe auch die Beschreibung dazu.
Zur Funktion kalenderTageImMonat siehe auch das Kapitel Anzahl der Tage eines Monats.
kalenderEin() kalenderAuswahl() kalenderTageImMonat() kalenderMonatJahr() kalenderDatumUebernahme() kalenderAus() datumAnzeigen()