Zum Inhalt springen

@capgo/capacitor-date-picker

Nativ für Datum, Uhrzeit, Datum-Uhrzeit, Jahr-Monat und Bereichswahl für Capacitor-Anwendungen, mit einem aufrechterhaltenen Web-Fallback.

Übersicht

Übersicht

@capgo/capacitor-date-picker gibt Capacitor-Apps einen nativen Picker API für Datum, Uhrzeit, Datum-Uhrzeit-Werte, Jahr-Monat-Werte und Datumsspannen. Es verwendet UIDatePicker auf iOS Plattformdialoge auf Android und native Browser-Eingaben im Web.

Dies ist Capgo’s gepflegte Alternative zu @capacitor-community/date-picker. Der Unterschied ist die Wartungsgeschwindigkeit: Wir hören Community-Berichte, beheben Probleme schnell und schicken Updates anstatt lange offene GitHub-Probleme zu lassen.

Demo

Demo
iOSAndroid
Animierte iOS-Demo von @capgo/capacitor-date-picker, die sich öffnet, einen Datum auswählt und sich schließtAnimierte Android-Demo von @capgo/capacitor-date-picker, die sich öffnet, einen Datum auswählt und sich schließt

Bildschirmfotos

Bildschirmfotos
iOSAndroid
iOS-Bildschirmfoto von @capgo/capacitor-date-picker, das die native Datumsauswahl zeigtAndroid-Bildschirmfoto von @capgo/capacitor-date-picker, das die native Datumsauswahl zeigt

Kernfunktionen

Kernfunktionen
  • Präsentieren Sie native Datums-, Uhrzeit-, Datums- und -Uhrzeit-, Jahr-Monat- und Zähler-Style-Auswahllisten.
  • Wählen Sie Datumsbereiche durch presentRange().
  • Formatieren Sie die zurückgegebenen Werte mit ISO, Java/Unicode und gänglichen Moment-Style-Mustern.
  • Anwenden min, max, dateAnwenden, Sprache, Zeitzone und 24-Stunden-Uhrzeitoptionen.
  • Verwenden Sie plattformspezifische Optionblöcke für iOS und Android, wenn erforderlich.
  • Schließen Sie einen aktiven Picker programmatisch mit hide().
  • Capacitor 8 Unterstützung.
  • Web-Implementierung mit der gleichen present() API.
  • Unterstützung für Dialogtitel.
  • iOS-rotation-sichere Layout- und Lokalisierungshandhabung.
  • iOS yearAndMonth Modus.
  • Sicherere Verarbeitung von ungültigen Datumsangaben, ISO-Strings, Datumswerten und min / max.
  • Android nested Optionen, is24h, Dialogbreite-Handling und UI-Thread-Dialog-Handling.
  • Minute-Schritte für Zeitwähler.
  • Wertebereich auswählen via presentRange().
FunktioniOSAndroidWeb
present()JaJaJa
presentRange()JaJaJa
hide()JaJaJa
date ModusJaJaJa
time ModusJaJaJa
dateAndTime ModusJaJaJa
yearAndMonth ModusJaDatum-FallbackJa
minuteStepJaJaJa
MethodeBeschreibung
presentEine native oder Web-Auswahl für einen einzelnen Wert anzeigen.
presentRangeEin Datumsbereich-Auswahl anbieten. Native Plattformen verwenden zwei native Auswahlmöglichkeiten; Web zeigt Start- und Endkontrollen zusammen.
hideDen derzeit sichtbaren Picker schließen, falls vorhanden.
getPluginVersionDie Versionsmarke der Plattformimplementierung abrufen.

Diese Referenz ist synchronisiert von src/definitions.ts in capacitor-Datumsauswahl.