En utilisant @capgo/capacitor-date-picker

@capgo/capacitor-date-picker ajoute des sélecteurs de date, d'heure, de date-heure, d'année-mois et de plage natifs aux applications Capacitor sur iOS et Android, avec un fallback Web correspondant.

Cette alternative est maintenue par Capgo @capacitor-community/date-picker Nous écoutons les rapports de la communauté, réparons les problèmes rapidement et expédions les mises à jour au lieu de laisser les problèmes GitHub ouverts pendant longtemps

Installer

npm install @capgo/capacitor-date-picker
npx cap sync

Démonstration de sélection native

iOS	Android

Écrans de sélection native

iOS	Android

Sélectionner Une Date

import { DatePicker } from '@capgo/capacitor-date-picker';

const result = await DatePicker.present({
  mode: 'date',
  date: '2026-05-27',
  min: '2026-01-01',
  max: '2026-12-31',
  format: 'yyyy-MM-dd',
  title: 'Select date',
});

console.log(result.value);

Sélectionner Une Heure

const result = await DatePicker.present({
  mode: 'time',
  is24h: true,
  minuteStep: 15,
  format: 'HH:mm',
  title: 'Select time',
});

Sélectionner Une plage

const range = await DatePicker.presentRange({
  start: '2026-05-01',
  end: '2026-05-27',
  format: 'yyyy-MM-dd',
  startTitle: 'Start date',
  endTitle: 'End date',
});

console.log(range.start, range.end);

Fermer Un Sélecteur Actif

await DatePicker.hide();

Ce Que Cela Répare

Capacitor 8 support.
Implémentation Web avec le même present() API.
Programmation hide().
Titre du dialogue support.
Disposition de rotation sécurisée sur iOS, gestion de la localisation et yearAndMonth mode.
Rendre les dates plus sûres et gérer les fuseaux horaires uniquement en date.
Options Android imbriquées, gestion de la disposition des dialogues et gestion des dialogues sur le thread d'interface. is24hÉtapes de minute et sélection de plage de dates.
Référence complète

__CAPGO_KEEP_0__:

https://GitHub.com/Cap-go/__CAPGO_KEEP_1__-date-picker/ https://github.com/Cap-go/capacitor-date-picker/
Pied de page

Sélection de date

Tutoriel sur le sélecteur de date