JetEngine

JetEngine – Datumsformat anpassen (MetaField & Custom Post Type)

Jetengine Datumsformat

Wer mit JetEngine* arbeitet und ein Datum aus einem MetaField via Elementor-Widget hinterlegen möchte, wird schnell merken, dass die Darstellung fehlerhaft ist.

Entweder wird das Datum in dieser Form dargestellt:

2022-09-11

oder wenn bei der Meta-Field-Konfiguration die Option „Save as timestamp“ aktiviert wurde, sieht die Darstellung so aus:

1662940800

Hier kannst du die das Vorgehen als Video anschauen:

Datumsformat im Frontend anpassen

Leider bietet JetEngine keine Möglichkeit, um die Formatierung des Datums direkt in den Metafield-Optionen anzupassen. Stattdessen sieht die einzige mir bekannte Lösung so aus, dass in Elementor das „Dynamic Field“-Widget verwendet werden muss:

JetEngine - Datumsformat

Wähle dort als Source „Meta Field“ und anschließend das entsprechende Feld aus:

Elementor - Dynamic Field

Etwas weiter unten findest du die Option „Filter field output“ – aktiviere diese.

Anschließend kannst du als Callback „Format Date“ festlegen und dann das gewünschte Datumsformat hinterlegen. Solltest du mit Datumsformaten nicht vertraut sein, kannst du den darunterliegenden Link aufrufen. Dort findest du weitere Informationen, welcher Buchstabe zu welchem Format passt.

JetEngine - Filter Field Output

Datumsformat für Admin Column anpassen

Für Custom Post Types hast du die Möglichkeit festzulegen, dass Metafields auch im Backend in der Spaltenübersicht angezeigt werden. Möchtest du dort das Datum im richtigen Format anzeigen lassen, gehe wie folgt vor:

Lege ein Datums-Meta Field an.

Aktiviere für dieses die „Save as timestamp“-Option.

Im Abschnitt „Admin Columns“ muss ein Titel angegeben werden. Bei „Type“ muss „Custom Callback“ ausgewählt werden.

Unter dem Callback-Feld befindet sich ein Link „Select from existing callback“. Klicke dort drauf.

Klicke hier auf die erste Option:

Anschließend öffnet sich ein neues Fenster, in dem du den Namen des Meta Fields eingeben und das gewünschte Format hinterlegen kannst:

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Artikel

Von Hause aus lässt Learnpress leider nicht viele Gestaltungsmöglichkeiten der Einzelkursseite zu. Aus diesem Grund stelle ich dir verschiedene Codes...
Von Hause aus ist Learnpress (und auch Eduma) nicht komplett übersetzt. Aus diesem Grund ist es erforderlich, fehlende Übersetzungen einzupflegen....
Woocommerce und JetEngine Meta Fields von JetEngine* sind eine sehr gute Möglichkeit, um in Woocommerce bspw. Produkteigenschaften zu ergänzen. Möchte...

Weitere Tutorials

In einem anderen Beitrag (Masterstudy-Unterschiede) bin ich bereits auf die Unterschiede zwischen der Free- und der Pro-Version des Masterstudy-Plugins und...
Von Hause aus lässt Learnpress leider nicht viele Gestaltungsmöglichkeiten der Einzelkursseite zu. Aus diesem Grund stelle ich dir verschiedene Codes...
Elementor Single Builder Addon Wie bereits in anderen Tutorials erwähnt, bin ich großer Fan vom Modern Events Calendar als Kurs-...
Newsletter abonnieren

Erhalte regelmäßig Informationen zu neuen Tipps und Tutorials.