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

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.

Autor

ulrich.digital gmbh

Lizenz

GPL v2 or later https://www.gnu.org/licenses/gpl-2.0.html