Aller directement au contenu

@capgo/capacitor-date-picker

Pickereurs de date, heure, date-heure, année-mois et plage pour les applications Capacitor, avec un fallback Web maintenu.

@capgo/capacitor-date-picker fournit des applications Capacitor un sélecteur natif API pour les dates, les heures, les valeurs de date-heure, les valeurs de mois-an, et les plages de dates. Il utilise UIDatePicker les dialogues de plateforme sur iOS, les dialogues de plateforme sur Android, et les entrées de navigateur natives sur Web.

Ceci est l'alternative maintenue par Capgo à @capacitor-community/date-pickerLa différence est la vitesse de maintenance : nous écoutons les rapports de la communauté, corrigons les problèmes rapidement, et expédions les mises à jour au lieu de laisser les problèmes GitHub ouverts pendant longtemps.

iOSAndroid
Démonstration animée iOS de @capgo/capacitor-date-picker s'ouvrant, sélectionnant une date, et se fermantDémonstration animée Android de @capgo/capacitor-date-picker s'ouvrant, sélectionnant une date, et se fermant

Captures d'écran

Captures d'écran
iOSAndroid
Capture d'écran iOS de @capgo/capacitor-date-picker montrant le sélecteur de date natifCapture d'écran Android de @capgo/capacitor-date-picker montrant le sélecteur de date natif

Capacités de base

Captures d'écran
  • Présenter des sélecteurs de date, d'heure, de date et heure, d'année et de mois, ainsi que des sélecteurs de compteur.
  • Sélectionner des plages de dates à travers presentRange().
  • Formater les valeurs retournées avec les modèles ISO, Java/Unicode et courants Moment-style.
  • Appliquer min, max, dateOptions de langue, fuseau horaire et 24 heures.
  • Utilisez les blocs d'option iOS et Android spécifiques au plateau lorsque nécessaire.
  • Closez un sélecteur actif de manière programmée avec hide().
  • Capacitor 8 support.
  • Mise en œuvre web avec le même present() API.
  • Titre de dialogue support.
  • Disposition de mise en page sécurisée pour la rotation et la gestion de la localisation sur iOS.
  • iOS yearAndMonth mode.
  • Analyse plus sûre pour les dates invalides, les chaînes ISO, les valeurs de date uniquement et min / max.
  • Options imbriquées pour Android, is24hGestion de la largeur de la boîte de dialogue et gestion de la boîte de dialogue du thread d'interface utilisateur.
  • Étapes de minute pour les sélecteurs de temps.
  • Sélection de plage via presentRange().
FonctionnalitéiOSAndroidWeb
present()OuiOuiOui
presentRange()OuiOuiOui
hide()OuiOuiOui
date modeOuiOuiOui
time modeOuiOuiOui
dateAndTime modeOuiOuiOui
yearAndMonth modeOuiDate de fallbackOui
minuteStepOuiOuiOui
MéthodeDescription
presentPrésenter un sélecteur natif ou Web pour une valeur unique.
presentRangePrésenter un sélecteur de plage de dates. Les plateformes natives utilisent deux sélections natives ; Web affiche les contrôles début et fin ensemble.
hideFermer le sélecteur actuellement visible, si applicable.
getPluginVersionObtenir la marque de version de l'implémentation de la plateforme.

Cette référence est synchronisée à partir de src/definitions.ts en capacitor-sélecteur de date.