Aller au contenu

@capgo/capacitor-date-picker

Affichez des sélecteurs natifs de date, heure, plage et mois/année sur iOS, Android et le web.

present() affiche le sélecteur de la plateforme pour les modes date, heure ou combinés avec des options de min, max et de formatage. presentRange() gère la sélection de début et de fin type réservation. Personnalisez les styles iOS (roue ou inline) et les dialogues Material sur Android depuis un seul API TypeScript.

Cas d'usage types : réservation de voyages, formulaires de planification, saisie de date de naissance et filtres nécessitant un contrôle natif accessible.

PlateformeSupportNotes
iOSOuiStyles UIDatePicker, incluant les roues et le mode inline
AndroidOuiSélecteurs de date et d'heure Material
Le WebOuiImplémentation d'un sélecteur de secours dans le plugin
iOSAndroid
Démo animée iOS : ouverture de @capgo/capacitor-date-picker, sélection d'une date et fermetureDémo animée Android : ouverture de @capgo/capacitor-date-picker, sélection d'une date et fermeture
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
  • Affiche des sélecteurs natifs de date, heure, date et heure, année-mois et compte à rebours.
  • Sélectionnez des plages de dates via presentRange().
  • Formatez les valeurs retournées avec des formats ISO, Java/Unicode et les modèles courants de type Moment.
  • Appliquez min, max, date, la locale, le fuseau horaire et des options de format 24h.
  • Utilisez des blocs d'options spécifiques à iOS et Android si nécessaire.
  • Fermer un sélecteur actif par programmation avec hide().
  • Support de Capacitor 8.
  • Implémentation web avec le même present() API.
  • Support du titre de dialogue.
  • Mise en page adaptée à la rotation sur iOS et gestion de la locale.
  • iOS yearAndMonth mode.
  • Analyse plus sûre des dates invalides, des chaînes ISO, des valeurs de date seule et min / max.
  • Options imbriquées sur Android, is24h, dialog width handling, and UI-thread dialog handling.
  • Étapes précises pour les sélecteurs d'heure.
  • Sélection de plage via presentRange().
FonctionnalitéiOSAndroidLe Web
present()OuiOuiOui
presentRange()OuiOuiOui
hide()OuiOuiOui
date modeOuiOuiOui
time modeOuiOuiOui
dateAndTime modeOuiOuiOui
yearAndMonth modeOuiDate de repliOui
minuteStepOuiOuiOui
MéthodeDescription
presentAffiche un sélecteur natif ou Web pour une valeur unique.
presentRangeAffiche un sélecteur de plage de dates. Les plateformes natives utilisent deux sélections natives ; le Web affiche les contrôles de début et de fin ensemble.
hideFerme le sélecteur actuellement visible, le cas échéant.
getPluginVersionRécupère le marqueur de version de l'implémentation de la plateforme.

Cette référence est synchronisée depuis src/definitions.ts dans capacitor-date-picker.