Zum Inhalt springen

@capgo/capacitor-Datumsauswahl

Eigene Datums-, Zeit-, Datum-Zeit-, Jahr-Monat- und Bereichswahl für Capacitor-Anwendungen, mit einem aufrechterhaltenen Web-Fallback.

@capgo/capacitor-date-picker geben Capacitor-Apps einen nativen 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-pickerDer Unterschied liegt in der Wartungsgeschwindigkeit: Wir hören uns die Community-Berichte an, beheben Probleme schnell und liefern Updates, anstatt lange offene GitHub-Probleme zu lassen.

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
iOSAndroid
iOS-Bildschirmfoto von @capgo/capacitor-date-picker, das die native Datumswahl anzeigtAndroid-Bildschirmfoto von @capgo/capacitor-date-picker zeigt den nativen Datumsauswahl-Assistenten
  • Präsentieren Sie native Datums-, Zeit-, Datum-Zeit-, Jahr-Monat- und Zähler-Style-Auswahl-Assistenten.
  • Wählen Sie Datumsbereiche durch presentRange().
  • Formatieren Sie die zurückgegebenen Werte mit ISO, Java/Unicode- und gängigen Moment-Style-Mustern.
  • Anwenden min, max, dateKontext: Capgo-Marketing-Website. Rolle: Abschnitt- oder Seite-Titel. Gesehen in: Seite affiliate.astro. Nachrichten Schlüssel `affiliate_step1_title` (Affiliate-Schritt1-Titel).
  • , Ländercode, Zeitzone und 24-Stunden-Zeitoptionen.
  • Verwenden Sie plattformspezifische iOS- und Android-Optionen, wenn erforderlich. hide().

Schließen Sie einen aktiven Auswahlassistenten programmatisch mit

Gemeinschafts-Fixes
  • Capacitor 8 Unterstützung.
  • Web-Implementierung mit der gleichen present() API.
  • Unterstützung für das Dialogtitel.
  • iOS-rotationssichere Layout- und Lokalisierungshandhabung.
  • iOS yearAndMonth Modus.
  • Sicherere Verarbeitung von ungültigen Daten, ISO-Strings, Datumswerten und min / max.
  • Android-Optionen, Dialogbreite-Handling und UI-Thread-Dialog-Handling. is24hMinute-Schritte für Zeitwähler.
  • Rangauswahl über
  • Range selection via presentRange().

Plattformunterstützung

Abschnitt: Plattformunterstützung
FunktioniOSAndroidWeb
present()JaJaJa
presentRange()JaJaJa
hide()JaJaJa
date ModusJaJaJa
time ModusJaJaJa
dateAndTime ModusJaJaJa
yearAndMonth ModusJaDatum-AlternativeJa
minuteStepJaJaJa
MethodeBeschreibung
presentEin nativ oder Web-Picker für einen einzelnen Wert anzeigen.
presentRangeEin Datumsbereichs-Picker anzeigen. Nativ-Plattformen verwenden zwei native Auswahlmöglichkeiten; Web zeigt Start- und Endkontrollen zusammen.
hideDen derzeit sichtbaren Picker schließen, wenn vorhanden.
getPluginVersionDie Versionsmarke der Plattformimplementierung erhalten.

Dieser Bezug wird von src/definitions.ts in capacitor-date-picker.