Monats-Kalenderblatt mit Feiertagsangaben

Dieses JavaScript funktioniert vom Jahr 1583 bis zum Jahr 2299.

	Position in der html-Datei: head-Bereich
<script type="text/javascript"> <!-- function Kalender() { alert("Hier wird eine aktuelle JavaScript-Version ben\xF6tigt!") } //--> </script> <script type="text/javascript"> <!-- // Monatsnamen und Tage var Monate = [ {name:"Januar", tage:31}, {name:"Februar", tage:28}, {name:"März", tage:31}, {name:"April", tage:30}, {name:"Mai", tage:31}, {name:"Juni", tage:30}, {name:"Juli", tage:31}, {name:"August", tage:31}, {name:"September", tage:30}, {name:"Oktober", tage:31}, {name:"November", tage:30}, {name:"Dezember", tage:31} ] // 4stellige Jahreszahl function get4DigitYear(theDate) { if(theDate.getFullYear) return theDate.getFullYear() var y = theDate.getYear() return y + ((y < 1900) ? 1900 : 0) } // Feiertagsberechnung // Ostersonntag nach Gauss'scher Formel function Ostersonntag(Jahr) { // Bem.: intern darf nicht einmal vor dem 1.1.1970 datiert werden if((Jahr < 1583) \|\| (Jahr > 2299)) return null var m, n if(Jahr <= 1699) { m = 22 n = 2 } else if(Jahr <= 1799) { m = 23 n = 3 } else if(Jahr <= 1899) { m = 23 n = 4 } else if(Jahr <= 2099) { m = 24 n = 5 } else if(Jahr <= 2199) { m = 24 n = 6 } else { m = 25 n = 0 } var a = Jahr % 19 var b = Jahr % 4 var c = Jahr % 7 var d = (19 * a + m) % 30 var e = (2 * b + 4 * c + 6 * d + n) % 7 var t = 22 + d + e if(t > 31) { t = t - 31 if(t == 26) t = 19 else if(t == 25) { if((d == 28) && (e == 6) && (a > 10)) t = 18 } return new Date(Jahr, 3, t, 12, 0, 0) } return new Date(Jahr, 2, t, 12, 0, 0) } // 4. Advent in Abhaengigkeit des 1. Weihnachtstags berechnen function VierterAdvent(Jahr) { var StartDatum = new Date(Jahr, 11, 25, 12, 0, 0) var WTag = StartDatum.getDay() var Temp = StartDatum.getTime() StartDatum.setTime(Temp - ((WTag == 0) ? 7 : WTag) * 86400000) return StartDatum } // Feiertag anlegen mit Datum und Name function feiertag(datum, name) { this.datum = datum this.datum.setHours(12) this.datum.setMinutes(0) this.datum.setSeconds(0) this.name = name return this } // Feiertag anlegen mit Datum (aus Zeit in Millisekunden) und Name function feiertag_time(time, name, flag) { var TempDate = new Date() TempDate.setTime(time) this.datum = TempDate this.datum.setHours(12) this.datum.setMinutes(0) this.datum.setSeconds(0) this.name = name return this } // Vergleichsfunktion zur Sortierung nach Datum function compare_date(d1, d2) { if(d1.datum.getTime() < d2.datum.getTime()) return -1 if(d1.datum.getTime() > d2.datum.getTime()) return 1 return 0 } // Anlage eines Felds mit allen Feiertagen zum angegebenen Jahr function feiertage(Jahr) { var TagMS = 86400000 // Anzahl Millisekunden pro Tag var Feiertag = new Array() // Feld fuer Feiertage var cnt = 0 // Zaehler fuer Feiertage // Von Ostern abhaengige Feiertage var Ostern = Ostersonntag(Jahr) var OTime = Ostern.getTime() Feiertag[cnt] = new feiertag(Ostern, "Ostersonntag") Feiertag[++cnt] = new feiertag_time(OTime + TagMS, "Ostermontag") Feiertag[++cnt] = new feiertag_time(OTime + 39 * TagMS, "Christi Himmelfahrt") Feiertag[++cnt] = new feiertag_time(OTime + 49 * TagMS, "Pfingstsonntag") Feiertag[++cnt] = new feiertag_time(OTime + 50 * TagMS, "Pfingstmontag") Feiertag[++cnt] = new feiertag_time(OTime + 60 * TagMS, "Fronleichnam") Feiertag[++cnt] = new feiertag_time(OTime - 48 * TagMS, "Rosenmontag", true) Feiertag[++cnt] = new feiertag_time(OTime - 47 * TagMS, "Fastnacht") Feiertag[++cnt] = new feiertag_time(OTime - 46 * TagMS, "Aschermittwoch") Feiertag[++cnt] = new feiertag_time(OTime - 2 * TagMS, "Karfreitag") // Vom 4. Advent abhaengige Feiertage var Advent4 = VierterAdvent(Jahr) var A4Time = Advent4.getTime() Feiertag[++cnt] = new feiertag(Advent4, "4. Advent") Feiertag[++cnt] = new feiertag_time(A4Time - 7 * TagMS, "3. Advent") Feiertag[++cnt] = new feiertag_time(A4Time - 14 * TagMS, "2. Advent") Feiertag[++cnt] = new feiertag_time(A4Time - 21 * TagMS, "1. Advent") Feiertag[++cnt] = new feiertag_time(A4Time - 28 * TagMS, "Totensonntag") Feiertag[++cnt] = new feiertag_time(A4Time - 35 * TagMS, "Volkstrauertag") Feiertag[++cnt] = new feiertag_time(A4Time - 32 * TagMS, "Buß- und Bettag") // Feste Feiertage Feiertag[++cnt] = new feiertag(new Date(Jahr, 0, 1), "Neujahr") Feiertag[++cnt] = new feiertag(new Date(Jahr, 0, 6), "Heilige 3 Könige") Feiertag[++cnt] = new feiertag(new Date(Jahr, 1, 14), "Valentinstag") Feiertag[++cnt] = new feiertag(new Date(Jahr, 4, 1), "Maifeiertag") Feiertag[++cnt] = new feiertag(new Date(Jahr, 7, 15), "Maria Himmelfahrt") Feiertag[++cnt] = new feiertag(new Date(Jahr, 9, 3), "Tag der Deutschen Einheit") Feiertag[++cnt] = new feiertag(new Date(Jahr, 9, 31), "Reformationstag") Feiertag[++cnt] = new feiertag(new Date(Jahr, 10, 1), "Allerheiligen") Feiertag[++cnt] = new feiertag(new Date(Jahr, 11, 24), "Heiligabend") Feiertag[++cnt] = new feiertag(new Date(Jahr, 11, 25), "1. Weihnachtstag") Feiertag[++cnt] = new feiertag(new Date(Jahr, 11, 26), "2. Weihnachtstag") Feiertag[++cnt] = new feiertag(new Date(Jahr, 11, 31), "Silvester") // Feiertage nach Datum sortieren Feiertag.sort(compare_date) // und zurueck! return Feiertag } // Kalenderaufbereitung und -ausgabe // Kalender function Kalender(monat, jahr) { var pct = 0 var Monat = new Date(jahr, monat - 1, 1) var Heute = new Date() var DieserTag = null function pcta(p) { status = "Aufbereitung Kalender " + String(p) + "% fertig." } pcta(pct) // Vorbereitung/Schaltjahr if((Heute.getMonth() == Monat.getMonth()) && (get4DigitYear(Heute) == get4DigitYear(Monat))) DieserTag = Heute.getDate() var Jahr = get4DigitYear(Monat) if((!(Jahr % 4) && (Jahr % 100)) \|\| !(Jahr % 400)) Monate[1].tage = 29 AnzahlTage = Monate[Monat.getMonth()].tage var StartTag = Monat.getDay() - 1 if(StartTag < 0) StartTag = 6 // Feiertage var Feiertage = feiertage(Jahr) var RelevanteFeiertage = new Array() pct += 5 pcta(pct) // Feiertage dieses Monats var j var cnt = 0 for(j = 0; j < Feiertage.length; j++) if(Feiertage[j].datum.getMonth() == Monat.getMonth()) RelevanteFeiertage[cnt++] = Feiertage[j] // Ausgabe Kalenderblatt document.open("text/html") document.writeln("<table border=\"2\" cellpadding=\"2\" cellspacing=\"0\" bordercolor=\"#000000\">") document.writeln("<caption class=\"a14b\">" + Monate[Monat.getMonth()].name + " " + Jahr + "<\/caption><br>") document.write("<tr align=\"center\" valign=\"middle\" bgcolor=\"#e6e6e6\"><th width=\"14%\" class=\"a12\">Mo<\/td>") document.write("<th width=\"14%\" class=\"a12\">Di<\/th>") document.write("<th width=\"14%\" class=\"a12\">Mi<\/th>") document.write("<th width=\"14%\" class=\"a12\">Do<\/th>") document.write("<th width=\"14%\" class=\"a12\">Fr<\/th>") document.write("<th width=\"15%\" class=\"a12\">Sa<\/th>") document.writeln("<th width=\"15%\" class=\"a12\">So<\/th><\/tr>") var column = StartTag document.write("<tr align=\"center\">") var i for(i = 0; i < StartTag; i++) document.write("<td class=\"a12\" bgcolor=\"#bbddff\"> <\/td>") for(i = 1; i <= AnzahlTage; i++) { pct += Math.floor(90 / AnzahlTage) pcta(pct) var clr = "" for(j = 0; j < RelevanteFeiertage.length; j++) { if(i == RelevanteFeiertage[j].datum.getDate()) { clr = " bgcolor=\"#ffeeaa\"" break } } document.write("<td class=\"a12\"" + clr + ">") if(i == DieserTag) document.write("<span style=\"color:#aa00aa;\"><b>") if(column >= 5) document.write("<b>") document.write(i) if(i == DieserTag) document.write("<\/b><\/span>") if(column >= 5) document.write("<\/b>") document.write("<\/td>") column++ if((column == 7) && (i != AnzahlTage)) { document.write("<\/tr>\n<tr align=\"center\">") column = 0 } } if(column != 0) for(i = column; i < 7; i++) document.write("<td class=\"a12\" bgcolor=\"#bbddff\"> <\/td>") document.writeln("<\/tr><\/table>") // Ausgabe Feiertage var ausg = false for(j = 0; j < RelevanteFeiertage.length; j++) { if(!ausg) { document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"1\"><tr><td class=\"aa12\" colspan=\"3\" aling=\"center\"><br><br><b>Feiertage des Monats:<br> <\/b><\/td><\/tr>") ausg = true } document.write("<tr align=\"left\" valign=\"middle\"><td class=\"a11\" align=\"right\">" + String(RelevanteFeiertage[j].datum.getDate()) + ".<\/td><td class=\"a12\"> <\/td><td class=\"a11\" align=\"left\">" + RelevanteFeiertage[j].name + "<\/td><\/tr>") } if(ausg) document.write("<\/table>") document.close() pct = 100 pcta(pct) } // --> </script>

	Position in der html-Datei: body-Bereich
<table border="0" summary=""> <tr> <td width="250" class="a12"> <script type="text/javascript"> <!-- // Tagesdatum var aktuell = new Date() // Anzeigemonat var my_monat = aktuell.getMonth() + 1 var my_jahr = get4DigitYear(aktuell) if(location.search != "") { var werte = unescape(location.search.substring(1)) werte = werte.split("&") if(werte.length == 2) { werte[0] = werte[0].split("=") if(werte[0][0] == "monat") my_monat = parseInt(werte[0][1]) if(werte[0][0] == "jahr") my_jahr = parseInt(werte[0][1]) werte[1] = werte[1].split("=") if(werte[1][0] == "monat") my_monat = parseInt(werte[1][1]) if(werte[1][0] == "jahr") my_jahr = parseInt(werte[1][1]) } } // Kalenderausgabe Kalender(my_monat, my_jahr) // Steuerung var l = location.href if(l.indexOf("?") != -1) { l = location.href.split("?") l = l[0] } var vor = new Date(my_jahr, my_monat - 2, 1) var nach = new Date(my_jahr, my_monat, 1) document.open("text/html") document.write("<\/td><td valign=\"top\"><table border=\"0\"><tr><td width=\"130\" height=\"180\" class=\"a12\" align=\"center\" valign=\"bottom\">[ <a href= \"" + l + "?monat=" + (aktuell.getMonth() + 1) + "&jahr=" + get4DigitYear(aktuell) + "\">Aktueller Monat<\/a> ]<br> " + "[ <a href= \"" + l + "?monat=" + (vor.getMonth() + 1) + "&jahr=" + get4DigitYear(vor) + "\">Zurück<\/a> ] " + "[ <a href= \"" + l + "?monat=" + (nach.getMonth() + 1) + "&jahr=" + get4DigitYear(nach) + "\">Vor<\/a> ]<\/td><\/tr><\/table>") document.close() // --> </script> </td> </tr> </table>

Quelle: www.rabich.de/javascript_anwendungen/kalender/demo/index.htm Bitte beachten: Keine Haftung für Inhalte fremder Internetseiten hier leicht verändert.