---
language: de
title: So änderst du das Datums- und Zeitformat im neuen TuCalendi-Widget
category: Widget
summary: Erfahre, wie du in einer Designvorlage das Datums- und Zeitformat des neuen TuCalendi-Widgets festlegst, speicherst und Elementen zuweist.
---

# So änderst du das Datums- und Zeitformat im neuen TuCalendi-Widget

In diesem Tutorial erfährst du, wie du die **Datums- und Zeitformate** änderst, die im neuen TuCalendi-Widget auf der [meetfy.me-Domain](https://www.tucalendi.com/en/s/migration-to-tucalendi-3/what-is-the-new-meetfy-me-domain) angezeigt werden. Diese Einstellung gehört zu den Anpassungsoptionen, die dir innerhalb einer **Designvorlage** zur Verfügung stehen.

Bevor du weitermachst, empfehlen wir dir, dir das [allgemeine Tutorial zur Darstellung des Widgets](https://www.tucalendi.com/en/s/widget/how-to-customize-the-appearance-of-the-new-tucalendi-widget) anzusehen. Dort erklären wir, was eine Designvorlage ist, wie du sie erstellst und wie du sie Hubs oder Umfragen zuweist. In diesem Artikel konzentrieren wir uns ausschließlich auf die Felder **Datumsformat** und **Zeitformat**.

## Wann du diese Anpassung nutzen solltest

Mit den Datums- und Zeiteinstellungen kannst du das Widget an das Format anpassen, das für deine Nutzer am besten passt. Du kannst zum Beispiel ein in Europa oder den USA übliches Datumsformat, ein **internationales Format** oder eine Zeitanzeige im **12- oder 24-Stunden-Format** verwenden, je nach deiner Zielgruppe und dem Land, in dem das Widget genutzt wird.

Diese Option ist besonders hilfreich, wenn du mit Nutzern aus verschiedenen Regionen arbeitest, wenn dein Konto **mehrere Hubs** nutzt oder wenn du ein **einheitliches Erlebnis** in allen Buchungsabläufen sicherstellen möchtest.

## Schritt 1. Öffne den Bereich Darstellung des Widgets

Um die Datums- und Zeitformate zu ändern, öffnest du zuerst das Seitenmenü von TuCalendi. Gehe zum Bereich **Widgets** und wähle **Darstellung** aus.

![Darstellung des Widgets](https://www.tucalendi.com/images/content/widget/en/widget-appearance.png)

## Schritt 2. Erstelle oder bearbeite eine Designvorlage

Im Bereich Darstellung kannst du eine **neue Vorlage erstellen** oder eine bestehende bearbeiten. Wenn du noch keine Vorlage erstellt hast, musst du eine neue anlegen und ihr einen **Alias** geben.

Wenn du bereits eine Vorlage hast, klicke auf **„Bearbeiten“**, um zu ihren Anpassungsoptionen zu gelangen.

![Designvorlage des Widgets bearbeiten](https://www.tucalendi.com/images/content/widget/en/edit-widget-apperance-template.png)

> [!TIP]
> [Diesen Vorgang erklären wir ausführlicher im allgemeinen Tutorial zur Darstellung des Widgets](https://www.tucalendi.com/en/s/widget/how-to-customize-the-appearance-of-the-new-tucalendi-widget). In diesem Artikel gehen wir davon aus, dass du bereits eine Vorlage erstellt hast oder weißt, wie du sie aufrufst.

## Schritt 3. Wähle das Datumsformat aus

Suche im Vorlageneditor das Feld **„Datumsformat“**. Es befindet sich oben rechts im Anpassungsbereich der Designvorlage des Widgets. Klicke auf dieses Feld, um das Format auszuwählen, das du im Widget verwenden möchtest.

Das Datumsformat legt fest, wie Daten während des **Buchungsprozesses** angezeigt werden. Wähle ein Format, das für die Nutzer des Widgets klar verständlich ist, besonders wenn dein Konto Nutzer aus verschiedenen Ländern oder Regionen bedient.

## Schritt 4. Wähle das Zeitformat aus

Suche auf derselben Seite das Feld **„Zeitformat“**, das sich neben dem Feld für das Datumsformat befindet. Klicke auf das Feld und wähle das Format aus, das im Widget angezeigt werden soll.

Das Zeitformat beeinflusst, wie die **verfügbaren Zeitfenster** für die Buchung eines Termins angezeigt werden. Du kannst das **12-Stunden- oder 24-Stunden-Format** verwenden, je nach den Vorlieben deines Kontos oder dem Markt, auf den das Widget ausgerichtet ist.

Der folgende Screenshot zeigt dir genau, wo sich die Felder **„Zeitformat“** und **„Datumsformat“** im Darstellungseditor befinden.

![Datums- und Zeitformat anpassen](https://www.tucalendi.com/images/content/widget/en/widget-appearance-customize-date-time-format.png)

## Schritt 5. Speichere die Änderungen

Nachdem du das Datums- und Zeitformat ausgewählt hast, klicke auf **„Speichern“**. Dieser Schritt ist notwendig, damit deine Änderungen in der Designvorlage gespeichert werden.

Wenn du den Editor verlässt, ohne zu speichern, werden die Änderungen möglicherweise nicht übernommen. Stelle deshalb sicher, dass du die Einstellungen korrekt gespeichert hast, bevor du zur Vorlagenliste zurückkehrst.

## Schritt 6. Überprüfe die Zuweisung der Elemente

Sobald die Vorlage gespeichert ist, solltest du prüfen, ob sie den **richtigen Elementen zugewiesen** ist. Die Vorlage kann korrekt eingerichtet sein, aber wenn sie mit keinem Element verknüpft ist, werden die Änderungen im Widget nicht angezeigt.

Prüfe in der Vorlagenliste die Option **„Elemente zuweisen“**. Die Vorlage muss mit dem **Hub** oder der **Umfrage mit Weiterleitung** verknüpft sein, auf die du diese Formate anwenden möchtest.

![Designvorlage des Widgets mit zugewiesenen Elementen](https://www.tucalendi.com/images/content/widget/en/widget-appearance-template-with-element.png)

> [!TIP]
> Wenn du die Datums- und Zeitformate in einer Vorlage änderst, wird die Änderung **nicht automatisch** auf alle Widgets angewendet. Damit das Format im Widget erscheint, muss die Vorlage den **entsprechenden Elementen zugewiesen** sein.