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

Ceci est l'alternative maintenue par Capgo à @capacitor-community/date-picker. We listen to community reports, fix issues fast, and ship updates instead of leaving long-standing GitHub issues open.

Démonstration du sélecteur natif

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

iOS

Android	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 __CAPGO_KEEP_0__ ouverts pendant longtemps.

Captures d'écran du sélecteur de date natif

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 corrige

Capacitor 8 support.
Implémentation web avec le même present() API.
Programmation hide().
Titre de la boîte de dialogue
Prise en charge de la rotation de l'iPhone, gestion de la localisation, et yearAndMonth Mode.
Traitement de la date plus sûr et gestion de la zone horaire uniquement sur la date.
Options Android imbriquées, is24hGestion de la disposition de la boîte de dialogue et gestion de la boîte de dialogue sur le thread d'interface utilisateur.
Étapes de minute et sélection de plage de date.

Référence complète

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

Sélection de date

Tutoriel sur le sélecteur de date