Aller directement au contenu

@capgo/capacitor-sélecteur de date

Sélecteurs de date, d'heure, de date et d'heure, d'année et de 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 mois-annee 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é, corrigons 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 calendrier de date nativeCapture d'écran d'Android de @capgo/capacitor-date-picker affichant le sélecteur de date natif
  • Présente les sélecteurs de date, de temps, de date et 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 web 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'affiliate).
  • , localisation, fuseau horaire et options de temps en 24 heures.
  • Utilisez les blocs d'options spécifiques à la plateforme iOS et Android lorsque nécessaire. hide().
  • Capacitor 8 support.
  • Mise en œuvre web avec la même present() API.
  • Titre de dialogue support.
  • Disposition de mise en page sécurisée pour la rotation sur iOS et gestion de la localisation.
  • Mode iOS yearAndMonth Analyse plus sûre des dates non valides, 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.
  • Étapes de minute pour les sélecteurs d'heure. min / max.
  • Sélection de plage via is24h__CAPGO_KEEP_0__
  • __CAPGO_KEEP_0__
  • __CAPGO_KEEP_0__ presentRange().
FonctionnalitéiOSAndroidWeb
present()OuiOuiOui
presentRange()OuiOuiOui
hide()OuiOuiOui
date ModeOuiOuiOui
time ModeOuiOuiOui
dateAndTime ModeOuiOuiOui
yearAndMonth modeOuiChute de dateOui
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 version de marque de l'implémentation de la plateforme.

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