Utilisation de @capgo/capacitor-sélecteur-de-date

@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 à les 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 du Sélecteur natif

iOS	Android

Captures d'écran de sélectionneur 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électionneur actif

await DatePicker.hide();

Ce que cela corrige

Capacitor 8 support.
Implémentation web avec le même present() API.
Programmation hide().
Titre de dialogue de support.
Prise en charge de la rotation de l'iPhone, gestion de la localisation, et yearAndMonth mode.
Analyse de date plus sûre et gestion de la zone horaire uniquement en date.
Gestion de l'option Android imbriquée, gestion de la disposition de dialogue, et gestion du dialogue sur le thread d'interface. is24hSélection de date et de plage de date en étapes de minute.
Référence complète

__CAPGO_KEEP_0__

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

Sélecteur de date

Tutoriel sur Sélecteur de Date