En utilisant @capgo/capacitor-date-picker

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

Ceci est l'alternative 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électeur natif

iOS	Android

Captureur de Dates Natives

iOS	Android

Choisissez 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);

Choisissez Une Heure

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

Choisissez 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 Captureur Actif

await DatePicker.hide();

Ce Que Cela Répare

Capacitor 8 support.
Implémentation Web avec le même present() API.
Programmation hide().
Titre de dialogue
Disposition de rotation sécurisée pour iOS, gestion de la localisation et du mode. yearAndMonth mode.
Analyse de date plus sûre et gestion de la zone horaire uniquement en date.
Options Android imbriquées, gestion de la disposition de dialogue et gestion du dialogue sur le thread d'interface. is24hSélection de date et de plage en étapes de minute.
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/
Documentation : /docs/plugins/date-picker/

Sélecteur de date

Tutoriel sur le sélecteur de date