UD Block: Datum & Uhrzeit
WordPress-Block zur Eingabe und Anzeige von Start- und Enddaten mit optionalen Zeiten – ideal für Veranstaltungen, Zeiträume oder geplante Inhalte. Speichert Werte als Meta-Felder und HTML-Datenattribute für Filter und Sortierung.
by ulrich.digital gmbh · github.com/ulrich-digital/ud-datetime-block
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/ulrich-digital/ud-datetime-block/archive/refs/heads/main.zipUD Block: DateTime
Ein Gutenberg-Block zur einfachen Verwaltung von Start- und Endzeitpunkten in Beiträgen, Seiten und Custom Post Types. Ideal für Veranstaltungen, Zeiträume oder geplante Inhalte.
Speichert alle Werte als Meta-Felder und bettet Start-/Enddaten zusätzlich als data-start und data-end im HTML aus, wodurch sich die Daten leicht filtern oder sortieren lassen.
Funktionen
-
Eingabe von Startdatum und optionaler Startzeit
-
Zusätzliche Eingabe von Enddatum, Endzeit und einem benutzerdefinierten Anzeigetext
-
Automatische Ausgabe im deutschen Datumsformat
-
Als
data-start/data-endim HTML eingebettet (z. B. für Filter) -
Speichert Start-/Enddatum auch als Meta-Felder:
ud_datetime_block_startud_datetime_block_end
-
Inklusive Vorschau direkt im Editor
-
Optional sortierbar in der Admin-Übersicht
-
Klare, UX-optimierte Eingabemaske
Screenshots
Frontend-Ansicht.
Editor-Ansicht.
Beispiele und Ausgaben
-
Beispielhafte Eingaben und resultierende Ausgaben:
Eingabe Ausgabe Startdatum 10. Mai 2025Start + Startzeit 10. Mai 2025 • 9 UhrStart/Enddatum im selben Monat 10. – 12. Mai 2025Start/Enddatum in verschiedenen Monaten 10. März – 12. Mai 2025Start/Enddatum in verschiedenen Jahren 10. März 2024 – 12. Mai 2025Start + Endzeit 10. Mai 2025 • 9 – 12 UhrIndividueller Text Freitagmorgen -
HTML-Ausgabe im Frontend
<div class="wp-block-ud-datetime-block" data-start="2025-05-22T00:00:00" data-end="2025-05-23T00:00:00"> <div class="datetime">22. – 23. Mai 2025</div> </div> -
Die Attribute
data-startunddata-endenthalten vollständige ISO-Zeitstempel (z. B. 2025-05-22T00:00:00) und können für Sortierung, Filter oder JavaScript genutzt werden. -
Für Template-Abfragen kann das Meta-Feld
ud_datetime_block_startwie folgt verwendet werden:[ 'key' => 'ud_datetime_block_start', 'value' => date('Y-m-d H:i:s'), 'compare' => '>=', 'type' => 'DATETIME', ], ]→ Ergebnis: Gibt alle zukünftigen Einträge sortiert nach Datum zurück.
Einblicke in die Umsetzung
Der Beitrag gibt Einblick in die entwickelte Lösung und ihre Funktionsweise.
- Mehr zur Lösung: Zeitangaben in WordPress verständlich anzeigen
Autor
Lizenz
Dieses Projekt steht unter der ulrich.digital Nutzungslizenz 1.0.
Die unveränderte Software darf in eigenen und kommerziellen Projekten eingesetzt werden. Auf jeder öffentlich erreichbaren Website oder Anwendung muss ulrich.digital gmbh im Impressum, in einem Credits-Bereich oder auf einer vergleichbaren Informationsseite genannt werden. Verkauf, eigenständige Weitergabe, Unterlizenzierung und Änderungen bedürfen der vorherigen schriftlichen Zustimmung von ulrich.digital gmbh.
Komponenten Dritter behalten ihre jeweiligen Lizenz- und Nutzungsbedingungen.