Vai al contenuto

@capgo/capacitor-date-picker

Offre selettori nativi per data, ora, intervallo e mese/anno su iOS, Android e web.

present() mostra il selettore della piattaforma per modalità data, ora o combinata, con opzioni min, max e formattazione. presentRange() gestisce la selezione di inizio e fine per le prenotazioni. Personalizza gli stili wheel o inline su iOS e i dialog Material su Android con un unico API TypeScript.

Casi d'uso tipici: prenotazioni viaggi, moduli di pianificazione, inserimento data di nascita e filtri che richiedono un controllo nativo accessibile.

PiattaformaSupportoNote
iOSSìStili UIDatePicker, inclusi wheel e inline
AndroidSìSelettori di data e ora Material
WebSìImplementazione del picker di fallback nel plugin
iOSAndroid
Demo animata su iOS di @capgo/capacitor-date-picker: apertura, selezione di una data e chiusuraDemo animata su Android di @capgo/capacitor-date-picker: apertura, selezione di una data e chiusura
iOSAndroid
Screenshot iOS di @capgo/capacitor-date-picker con il date picker nativoScreenshot Android di @capgo/capacitor-date-picker con il date picker nativo
  • Presenta selettori nativi per data, ora, data e ora, anno-mese e countdown.
  • Seleziona intervalli di date tramite presentRange().
  • Formatta i valori restituiti con pattern ISO, Java/Unicode e i comuni stili Moment.
  • Candidati min, max, date, opzioni per locale, timezone e formato 24 ore.
  • Usa i blocchi opzioni specifici per iOS e Android quando necessario.
  • Chiudi un picker attivo via codice con hide().
  • Supporto per Capacitor 8.
  • Implementazione web con lo stesso present() API.
  • Supporto per il titolo del dialog.
  • Layout sicuro per la rotazione su iOS e gestione della locale.
  • iOS yearAndMonth modalità.
  • Parsing più sicuro per date non valide, stringhe ISO, valori solo data e min / max.
  • opzioni annidate su Android, is24h, gestione della larghezza del dialog e dei dialog sulla UI thread.
  • Passaggi dettagliati per i time picker.
  • Selezione dell'intervallo tramite presentRange().
FunzionalitàiOSAndroidWeb
present()SìSìSì
presentRange()SìSìSì
hide()SìSìSì
date modalitàSìSìSì
time modalitàSìSìSì
dateAndTime modalitàSìSìSì
yearAndMonth modalitàSìData di fallbackSì
minuteStepSìSìSì
MetodoDescrizione
presentMostra un picker nativo o web per un singolo valore.
presentRangeVisualizza un selettore di intervallo di date. Le piattaforme native utilizzano due selezioni native; il Web mostra i controlli di inizio e fine insieme.
hideChiudi il picker attualmente visibile, se presente.
getPluginVersionGet the platform implementation version marker.

Questo riferimento è sincronizzato da src/definitions.ts nella capacitor-date-picker.