Zum Inhalt springen

@capgo/capacitor-date-picker

Nativ-Datei-, -Zeit-, -Datums-, -Jahresmonats- und -Rangwähler für Capacitor-Apps, mit einem aufrechterhaltenen Web-Fallback.

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

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

iOSAndroid
Animierte iOS-Demo von @capgo/capacitor-Datumsauswahl, die sich öffnet, einen Termin auswählt und sich wieder schließtAnimierte Android-Demo von @capgo/capacitor-Datumsauswahl, die sich öffnet, einen Termin auswählt und sich wieder schließt
iOSAndroid
iOS-Bildschirmfoto von @capgo/capacitor-Datumsauswahl, die die native Datumsauswahl anzeigtAndroid-Bildschirmfoto von @capgo/capacitor-Datumsauswahl, die die native Datumsauswahl anzeigt
  • Präsentieren Sie native Datum, Uhrzeit, Datum-Uhrzeit, Jahr-Monat und Zähler-Style-Picker.
  • Wählen Sie Datumsränge über presentRange().
  • Formatieren Sie die zurückgegebenen Werte mit ISO, Java/Unicode und gänglichen Moment-Style-Mustern.
  • Anwenden Sie min, max, date, Lokalisierung, Zeitzone und 24-Stunden-Uhrzeitoptionen.
  • Verwenden Sie Plattform-spezifische iOS- und Android-Optionen, wenn erforderlich.
  • Schließen Sie einen aktiven Picker programmatisch mit hide().
  • Capacitor 8 Unterstützung.
  • Web-Implementierung mit demselben present() API.
  • Unterstützung für Dialogtitel.
  • iOS-festes Layout und Locale-Handling.
  • IOS yearAndMonth Modus.
  • Vereinfachte Verarbeitung von ungültigen Daten, ISO-Strings, Datumswerten und min / max.
  • Android-Optionen, is24h, Dialogbreiten-Handling und UI-Thread-Dialog-Handling.
  • Minute-Schritte für Zeitwähler.
  • Range-Wahl via presentRange().
FunktioniOSAndroidWeb
present()JaJaJa
presentRange()JaJaJa
hide()JaJaJa
date ModusJaJaJa
time ModusJaJaJa
dateAndTime ModusJaJaJa
yearAndMonth ModusJaDatum-FallbackJa
minuteStepJaJaJa
MethodeBeschreibung
presentEin nativem oder Web-Picker für einen einzelnen Wert präsentieren.
presentRangePräsentiere ein Datumsbereichspicker.
hideNATIVE-Plattformen verwenden zwei native Auswahlmöglichkeiten; Web zeigt Start- und Endkontrollen zusammen.
getPluginVersionSchließe den derzeit sichtbaren Picker, falls vorhanden.

Version des Implementierungsmarkers der Plattform.

Quelle der Wahrheit

Abschnitt mit dem Titel „Quelle der Wahrheit“ src/definitions.ts Dieses Verweis wird synchronisiert von capacitor-date-picker.