Datepicker

May 20, 2025

Datumsauswahl erklärt – Einsteiger Tutorial 2025 | Power Apps

Du arbeitest an einer Power App und möchtest dem Nutzer eine einfache Möglichkeit bieten, ein Datum auszuwählen – zum Beispiel für ein Rechnungsformular oder die Projektplanung? Dann ist der moderne Datepicker genau das richtige Steuerelement für dich!

Ich zeige dir Schritt für Schritt, wie du den Datepicker einfügst, richtig konfigurierst und an deine Bedürfnisse anpasst. Du lernst nicht nur, wie du das Datum formatierst oder zurücksetzt, sondern auch, wie du den auswählbaren Zeitraum einschränkst und das ausgewählte Datum weiterverarbeiten kannst.

Schritt 1: Moderne Steuerelemente aktivieren

Bevor du den Datepicker nutzen kannst, musst du die modernen Steuerelemente aktivieren:

Klicke oben rechts auf die drei Punkte.
Wähle Einstellungen.
Aktiviere die Option moderne Steuerelemente.

Jetzt stehen dir neue Steuerelemente wie der Datepicker zur Verfügung.

Schritt 2: Datepicker einfügen

Gehe auf Einfügen > Eingabe und wähle die Datumsauswahl aus. Positioniere das Element und führe die App mit F5 aus. Jetzt kannst du ein Datum auswählen und durch Monate oder Jahre navigieren.

Ein Klick auf das heutige Datum (unten rechts im Kalender) bringt dich direkt zum aktuellen Tag.

Schritt 3: Datumsformat anpassen

Um dein Datum im gewünschten Format anzuzeigen, kannst du im Eigenschaftsfenster das Anzeigeformat ändern:

Short: 16.05.2025
Long: Freitag, 16. Mai 2025
Year/Month: Mai 2025
Benutzerdefiniert: z. B.

"mm/dd/yy"

Schritt 4: Zeitzone und Barrierefreiheit

Stelle die Zeitzone auf Lokal oder UTC ein und ergänze eine Beschriftung für Screenreader wie „Datum auswählen“, um deine App barrierefrei zu gestalten.

Schritt 5: Design anpassen

Passe das Erscheinungsbild mithilfe verschiedener Themes und Stile an:

Fill – Lighter/Darker
Outline
Auswahl eines App-Designs wie z. B. SharePoint ändert automatisch Farben und Kontraste.

Schritt 6: Datum auslesen

Um das gewählte Datum weiterzuverwenden, musst du direkt auf die SelectedDate Eigenschaft des Steuerelements zugreifen.

Textfeld
Text = dp_Datumsauswahl.SelectedDate

Schritt 7: Datum zurücksetzen & Standarddatum einfügen

Füge die Aktion des Zurücksetzens am besten in einer Schaltfläche mit Reset-Icon neben dem Datepicker ein.

Button
OnSelect = Reset(dp_Datumsauswahl)

Ein Standarddatum kannst du ebenfalls festlegen.

Datepicker
SelectedDate = Today()

Schritt 8: Wochenstart festlegen

Je nach Situation kann es sinnvoll sein, den Wochenstart im Datepicker zu verändern, da standardmäßig der Sonntag als Wochenstart hinterlegt ist.

Datepicker
StartOfWeek = "Monday"

Schritt 9: Datumsbereich einschränken

Für deinen Anwendungsfall kann es notwendig sein, dass du die Datumsauswahl beschränkst, sodass nur bestimmte Tage in der Vergangenheit oder Zukunft auswählbar sind.

Mit der Funktion StartDate kannst du das erste auswählbare Datum festlegen.

Datepicker
StartDate = DateAdd(Today(); -5) // 5 Tage zurück

Mit der Funktion EndDate kannst du das letzte auswählbare Datum festlegen.

Datepicker
StartDate = DateAdd(Today(); 3) // 3 Tage nach vorn

Fazit

Mit dem modernen Datepicker bringst du deine Power Apps auf das nächste Level. Du kannst nicht nur komfortabel ein Datum auswählen und Fehleingaben verhindern, sondern auch die Darstellung, Auswahlmöglichkeiten und Funktionalität flexibel anpassen – perfekt für Praxisanwendungen wie z.B. ein Gantt Chart.