Aller directement au contenu

@capgo/capacitor-date-picker

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

@capgo/capacitor-date-picker fournit aux applications Capacitor un sélecteur natif API pour les dates, les heures, les valeurs date-heure, les valeurs année-mois 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.

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

iOSAndroid
Démonstration animée d'@capgo/capacitor-date-picker s'ouvrant, sélectionnant une date et se fermant sur iOSDémonstration animée d'@capgo/capacitor-date-picker s'ouvrant, sélectionnant une date et se fermant sur Android
iOSAndroid
Capture d'écran iOS d'@capgo/capacitor-date-picker affichant le sélecteur de date natifCapture d'écran d'Android de @capgo/capacitor-date-picker montrant le sélecteur de date natif
  • Présente les sélecteurs de date, d'heure, de date et d'heure, d'année et de mois, ainsi que des sélecteurs de comptage.
  • Sélectionnez des plages de dates via presentRange().
  • Formatez les valeurs retournées avec les modèles ISO, Java/Unicode et courants Moment.
  • Appliquer min, max, datecontext : Site de marketing Capgo. Rôle : En-tête de section ou de page. Vu dans : page affiliate.astro. Clé de message `affiliate_step1_title` (Titre d'étape 1 de l'affilié).
  • , localisation, fuseau horaire et options de 24 heures.
  • Utilisez les blocs d'options spécifiques à la plateforme iOS et Android lorsque nécessaire. hide().
  • Capacitor 8 support.
  • Implémentation Web avec le même present() API.
  • Titre de dialogue support.
  • Disposition de layout sécurisée pour la rotation et gestion de la localisation sur iOS.
  • iOS yearAndMonth mode.
  • Analyse plus sûre des dates invalides, des chaînes ISO, des valeurs de date uniquement et des options imbriquées Android, ainsi que la gestion de la largeur du dialogue et la gestion du dialogue sur le thread d'interface utilisateur. min / max.
  • Étapes de minute pour les sélecteurs d'heure. is24hRéglage de sélection par plage via
  • __CAPGO_KEEP_0__.
  • __CAPGO_KEEP_0__. presentRange().
FonctionnalitéiOSAndroidWeb
present()OuiOuiOui
presentRange()OuiOuiOui
hide()OuiOuiOui
date ModeOuiOuiOui
time ModeOuiOuiOui
dateAndTime ModeOuiOuiOui
yearAndMonth ModeOuiChamp de date par défautOui
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 nécessaire.
getPluginVersionObtenir la marque de version de l'implémentation de la plateforme.

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