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 natives sur iOS et Android, avec un fallback Web correspondant.

Ceci est l'alternative maintenue par Capgo @capacitor-community/date-pickerCeci est l'alternative maintenue par GitHub à

Installer

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

Démonstration de sélecteur natif

iOS	Android

Captureur de Dates Écran 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 Qu'il Résout

Capacitor 8 support.
Implémentation Web avec le même present() API.
Programmation hide().
Support de titre de dialogue.
Disposition de rotation sécurisée pour iOS, gestion de la localisation, et yearAndMonth mode.
Analyse de date plus sûre et gestion de la zone horaire uniquement pour la date.
Options imbriquées Android, is24h, gestion de la disposition de dialogue, et gestion de dialogue sur le thread UI.
Étapes de minute et sélection de plage de date.

Référence complète

GitHub: https://github.com/Cap-go/capacitor-date-picker/
Documentation : /docs/plugins/date-picker/

Sélection de date

Tutoriel sur le sélecteur de date