@capgo/capacitor-date-picker

Übersicht

present() zeigt den nativen Picker für Datum, Uhrzeit oder beides mit Min-/Max-Werten und Formatierungsoptionen. presentRange() Verwaltet die Auswahl von Start- und Endzeitpunkten für Buchungen. Passe iOS Wheel- oder Inline-Styles sowie Android Material Dialogs über einen einzigen TypeScript API an.

Typische Anwendungsfälle: Reisebuchungen, Terminplanungen, Geburtsdatum-Abfragen und Filter, die eine barrierefreie native Steuerung benötigen.

Plattformunterstützung

Plattform	Support	Notizen
iOS	Ja	UIDatePicker-Styles inklusive Wheel und Inline
Android	Ja	Material Date- und Time-Picker
Web	Ja	Fallback-Implementierung des Pickers im Plugin

Demo

iOS	Android

Screenshots

iOS	Android

Kernfunktionen

• Bietet native Picker für Datum, Uhrzeit, Datum-Uhrzeit, Jahr-Monat und Countdown-Stile.
• Wähle Datumsbereiche über presentRange().
• Formatiere Rückgabewerte mit ISO, Java/Unicode und gängigen Moment-Stilen.
• Anwenden min, max, date, Locale, Zeitzone und 24-Stunden-Optionen.
• Nutze bei Bedarf plattformspezifische iOS- und Android-Optionsblöcke.
• Schließe einen aktiven Picker programmatisch mit hide().

Community-Fixes

• Capacitor 8 Support.
• Web-Implementierung mit demselben present() API.
• Dialog-Titel-Support.
• iOS-rotationssicheres Layout und Locale-Handling.
• iOS yearAndMonth Modus.
• Sicheres Parsing für ungültige Daten, ISO-Strings, reine Datumswerte und min / max.
• Android-verschachtelte Optionen, is24h, Handhabung der Dialogbreite und Dialog-Handling im UI-Thread.
• Minutenschritte für Time Picker.
• Bereichsauswahl über presentRange().

Plattform-Support

Funktion	iOS	Android	Web
present()	Ja	Ja	Ja
presentRange()	Ja	Ja	Ja
hide()	Ja	Ja	Ja
date Modus	Ja	Ja	Ja
time Modus	Ja	Ja	Ja
dateAndTime Modus	Ja	Ja	Ja
yearAndMonth Modus	Ja	Datums-Fallback	Ja
minuteStep	Ja	Ja	Ja

Öffentliches API

Methode	Beschreibung
present	Zeigt einen nativen oder Web-Picker für einen einzelnen Wert an.
presentRange	Zeigt einen Datumsbereich-Picker an. Native Plattformen nutzen zwei native Auswahlen; im Web werden Start- und Endzeitpunkte gemeinsam angezeigt.
hide	Schließt den aktuell sichtbaren Picker, falls vorhanden.
getPluginVersion	Gibt den Versionsmarker der Plattform-Implementierung zurück.

Source of Truth

Diese Referenz wird synchronisiert von src/definitions.ts in capacitor-date-picker.