WP Manifestindependent plugin directory
manifest / editor / ud-datetime-block

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

0stars
0forks

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.zip

UD 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-end im HTML eingebettet (z. B. für Filter)

  • Speichert Start-/Enddatum auch als Meta-Felder:

    • ud_datetime_block_start
    • ud_datetime_block_end
  • Inklusive Vorschau direkt im Editor

  • Optional sortierbar in der Admin-Übersicht

  • Klare, UX-optimierte Eingabemaske

Screenshots

Frontend Frontend-Ansicht.

Editor UI Editor-Ansicht.

Beispiele und Ausgaben

  • Beispielhafte Eingaben und resultierende Ausgaben:

    Eingabe Ausgabe
    Startdatum 10. Mai 2025
    Start + Startzeit 10. Mai 2025 • 9 Uhr
    Start/Enddatum im selben Monat 10. – 12. Mai 2025
    Start/Enddatum in verschiedenen Monaten 10. März – 12. Mai 2025
    Start/Enddatum in verschiedenen Jahren 10. März 2024 – 12. Mai 2025
    Start + Endzeit 10. Mai 2025 • 9 – 12 Uhr
    Individueller 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-start und data-end enthalten 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_start wie 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.

Autor

ulrich.digital gmbh

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.