Kalender-Widget für Ihre Website

Die aktuelle Kalenderwoche oder die nächsten Feiertage Ihres Bundeslands – auf Ihrer Website, im Intranet oder auf der Vereinsseite. Auswählen, Code kopieren, einfügen. Kostenlos, ohne Anmeldung, ohne Cookies.

Widget einrichten

Vorschau

Ihr Code

<div class="irot-widget" data-art="kw" data-stil="hell"><a href="https://time.irot.com/kalenderwoche/">Aktuelle Kalenderwoche &#183; irot Time</a></div>
<script>!function(s){var e=s&&s.previousElementSibling;e&&e.className==='irot-widget'&&(function irotWidget(e, jetzt) {
var A = 'BW BY BE BB HB HH HE MV NI NW RP SL SN ST SH TH';
var N = { BW: 'Baden-W\u00fcrttemberg', BY: 'Bayern', BE: 'Berlin', BB: 'Brandenburg', HB: 'Bremen', HH: 'Hamburg', HE: 'Hessen', MV: 'Mecklenburg-Vorpommern', NI: 'Niedersachsen', NW: 'NRW', RP: 'Rheinland-Pfalz', SL: 'Saarland', SN: 'Sachsen', ST: 'Sachsen-Anhalt', SH: 'Schleswig-Holstein', TH: 'Th\u00fcringen' };
var F = [['01-01', 'Neujahr', A], ['01-06', 'Heilige Drei K\u00f6nige', 'BW BY ST'], ['03-08', 'Internationaler Frauentag', 'BE MV'], [-2, 'Karfreitag', A], [0, 'Ostersonntag', 'BB'], [1, 'Ostermontag', A], ['05-01', 'Tag der Arbeit', A], [39, 'Christi Himmelfahrt', A], [49, 'Pfingstsonntag', 'BB'], [50, 'Pfingstmontag', A], [60, 'Fronleichnam', 'BW BY HE NW RP SL'], ['08-15', 'Mari\u00e4 Himmelfahrt', 'SL'], ['09-20', 'Weltkindertag', 'TH'], ['10-03', 'Tag der Deutschen Einheit', A], ['10-31', 'Reformationstag', 'BB HB HH MV NI SN ST SH TH'], ['11-01', 'Allerheiligen', 'BW BY NW RP SL'], ['B', 'Bu\u00df- und Bettag', 'SN'], ['12-25', '1. Weihnachtstag', A], ['12-26', '2. Weihnachtstag', A]];
var TAG = 864e5;
function d(j, m, t) {
return new Date(Date.UTC(j, m, t));
}
function plus(t, n) {
return new Date(t.getTime() + n * TAG);
}
function ostern(j) {
var a = j % 19, b = Math.floor(j / 100), c = j % 100, f = Math.floor((b + 8) / 25), g = Math.floor((b - f + 1) / 3);
var h = (19 * a + b - Math.floor(b / 4) - g + 15) % 30;
var l = (32 + 2 * (b % 4) + 2 * Math.floor(c / 4) - h - (c % 4)) % 7;
var m = Math.floor((a + 11 * h + 22 * l) / 451), x = h + l - 7 * m + 114;
return d(j, Math.floor(x / 31) - 1, (x % 31) + 1);
}
function ft(j, kz) {
var o = ostern(j), r = [];
F.forEach(function (f) {
if (kz ? (' ' + f[2] + ' ').indexOf(' ' + kz + ' ') < 0 : f[2] !== A) return;
var t;
if (typeof f[0] === 'number') t = plus(o, f[0]);
else if (f[0] === 'B') t = plus(d(j, 10, 22), -((d(j, 10, 22).getUTCDay() + 4) % 7));
else t = d(j, Number(f[0].slice(0, 2)) - 1, Number(f[0].slice(3)));
r.push([t, f[1]]);
});
return r.sort(function (p, q) {
return p[0] - q[0];
});
}
function kw(t) {
var mo = plus(t, -((t.getUTCDay() + 6) % 7)), don = plus(mo, 3), j = don.getUTCFullYear();
return [Math.floor((don - d(j, 0, 1)) / TAG / 7) + 1, j, mo];
}
if (!e) return { ft: ft, kw: kw };
var z = function (n) {
return (n < 10 ? '0' : '') + n;
};
var KURZ = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
function datum(t, mitJahr) {
return KURZ[t.getUTCDay()] + ', ' + z(t.getUTCDate()) + '.' + z(t.getUTCMonth() + 1) + '.' + (mitJahr ? t.getUTCFullYear() : '');
}
var heute = d(jetzt.getFullYear(), jetzt.getMonth(), jetzt.getDate());
var art = e.getAttribute('data-art'), kz = e.getAttribute('data-land') || '', st = e.getAttribute('data-stil');
var n = Math.min(10, Math.max(1, Number(e.getAttribute('data-anzahl')) || 3));
if (!N[kz]) kz = '';
var dunkel = st === 'dunkel', leise = 'opacity:.7;font-size:.85em';
var linie = 'border-top:1px solid ' + (dunkel ? 'rgba(255,255,255,.15)' : 'rgba(0,0,0,.1)');
if (st !== 'schlicht') e.style.cssText = 'box-sizing:border-box;max-width:340px;padding:14px 16px;border-radius:12px;font:15px/1.45 system-ui,-apple-system,sans-serif;' + (dunkel ? 'background:#111827;color:#f3f4f6;border:1px solid #374151' : 'background:#fff;color:#111827;border:1px solid #e5e7eb');
var a = e.querySelector('a'), h = '';
if (art === 'feiertage') {
var liste = ft(heute.getUTCFullYear(), kz).concat(ft(heute.getUTCFullYear() + 1, kz)).filter(function (f) {
return f[0] >= heute;
}).slice(0, n);
h = '<div style="' + leise + '">N\u00e4chste Feiertage ' + (kz ? 'in ' + N[kz] : 'bundesweit') + '</div>';
liste.forEach(function (f) {
var tage = Math.round((f[0] - heute) / TAG);
var bis = tage === 0 ? 'heute' : tage === 1 ? 'morgen' : 'in ' + tage + ' Tagen';
h += '<div style="display:flex;justify-content:space-between;gap:12px;padding:6px 0;' + linie + '"><span>' + f[1] + '</span><span style="text-align:right;white-space:nowrap">' + datum(f[0], f[0].getUTCFullYear() !== heute.getUTCFullYear()) + '<br><span style="' + leise + '">' + bis + '</span></span></div>';
});
} else {
var w = kw(heute);
h = '<div style="' + leise + '">Kalenderwoche heute</div><div style="font-size:2.2em;font-weight:800;line-height:1.1">KW ' + w[0] + '</div><div>' + datum(w[2]) + ' \u2013 ' + datum(plus(w[2], 6), true) + '</div>';
}
e.innerHTML = h + '<div style="margin-top:8px;padding-top:6px;' + linie + ';' + leise + '"></div>';
if (a) {
a.style.color = 'inherit';
e.lastChild.appendChild(a);
}
})(e,new Date())}(document.currentScript)</script>

So binden Sie das Widget ein

Oben auswählen, was das Widget zeigen soll – bei Feiertagen auch das Bundesland.
„Code kopieren“ klicken.
Den Code dort einfügen, wo das Widget erscheinen soll: in einen HTML-Block Ihres Baukastens, bei WordPress in den Block „Individuelles HTML“, oder direkt in den HTML-Quelltext.

Mehrere Widgets auf einer Seite gehen auch – jedes mit seinem eigenen Code.

Nichts wird nachgeladen

Das Widget ist kein iframe und kein Skript von einem fremden Server. Der ganze Code – knapp fünf Kilobyte – steht in dem Schnipsel und läuft im Browser Ihrer Besucher. Es baut keine Verbindung zu irot auf, setzt keine Cookies und sammelt nichts. Ob es heute KW 44 oder KW 45 ist, rechnet es selbst aus dem Datum des Geräts.

Woher die Daten kommen

Kalenderwoche nach ISO 8601, wie in Deutschland üblich: Woche beginnt am Montag, KW 1 ist die Woche mit dem 4. Januar.
Feiertage nach den Feiertagsgesetzen der 16 Länder, die wir im Wortlaut gelesen haben – Fundstellen auf Feiertage 2027.
Bewegliche Feiertage aus dem Osterdatum: Ostern 2027, Pfingsten 2027, Christi Himmelfahrt, Fronleichnam.

Lieber zum Ausdrucken? Kalender 2027 als PDF, Kalenderwochen 2027 und der Urlaubsplaner 2027 als Excel.

Häufige Fragen

Was kostet das Widget?

Nichts. Keine Anmeldung, kein Konto, keine Werbung im Widget. Die einzige Gegenleistung ist der kleine Link unten im Widget – bitte lassen Sie ihn stehen.

Lädt das Widget Daten von irot?

Nein. Der komplette Code steht in dem Schnipsel, den Sie kopieren. Das Widget rechnet im Browser Ihrer Besucher, baut keine Verbindung zu unserem Server auf und setzt keine Cookies. Deshalb läuft es auch im Intranet ohne Internetzugang.

Muss ich das Widget jedes Jahr erneuern?

Nein. Es rechnet jeden Tag neu: die Kalenderwoche nach ISO 8601, Ostern nach der Gaußschen Osterformel und daraus alle beweglichen Feiertage. Welche Feiertage in welchem Land gelten, folgt den Feiertagsgesetzen der Länder – Fundstellen auf der Seite Feiertage 2027.

Welche Feiertage zeigt es nicht?

Feiertage, die nur in einzelnen Gemeinden gelten: Fronleichnam in Teilen Sachsens und Thüringens, Mariä Himmelfahrt in Teilen Bayerns und das Augsburger Friedensfest. Das Widget zeigt die Tage, die im ganzen Land gelten.

Passt das Widget zu meiner Seite?

Der Stil „Schlicht“ übernimmt Schrift und Farben Ihrer Seite, „Hell“ und „Dunkel“ bringen einen eigenen Rahmen mit. Die Breite folgt dem Platz, höchstens 340 Pixel.

Warum erscheint nur ein Link?

Manche Baukästen entfernen JavaScript aus HTML-Blöcken. Dann bleibt der Link stehen, der zur passenden Seite führt. Bei WordPress mit eigenem Hosting funktioniert der Block „Individuelles HTML“; bei gehosteten Baukästen hängt es vom Tarif ab.