Saltare al contenuto

@capgo/capacitor-date-picker

Scegli date, orari, date-orari, anno-mese e range per le app Capacitor, con un fallback Web mantenuto.

@capgo/capacitor-date-picker dà agli app Capacitor un picker nativo API per le date, gli orari, i valori di data-orario, i valori di anno-mese e gli intervalli di data. Utilizza UIDatePicker gli interfacce di dialogo della piattaforma su iOS, gli interfacce di dialogo di Android e gli input del browser nativi su Web.

Si tratta dell'alternativa mantenuta da Capgo a @capacitor-community/date-picker. La differenza è la velocità di manutenzione: ascoltiamo i rapporti della community, risolviamo gli issue velocemente e inviamo gli aggiornamenti al posto di lasciare aperti gli issue GitHub di lunga data.

iOSAndroid
Demo animato di iOS di @capgo/capacitor-date-picker che si apre, seleziona una data e si chiudeDemo animato Android di @capgo/capacitor-date-picker che si apre, seleziona una data e si chiude
iOSAndroid
Schermata iOS di @capgo/capacitor-date-picker che mostra il picker di data nativoSchermata Android di @capgo/capacitor-date-picker che mostra il picker di data nativo
  • Mostra picker di data nativi, ora, data-orario, anno-mese e picker di conto alla rovescia.
  • Seleziona intervalli di date tramite presentRange().
  • Formatta i valori restituiti con i pattern ISO, Java/Unicode e comuni Moment-style.
  • Applica min, max, date, località, fuso orario e opzioni di orario 24 ore.
  • Utilizza blocchi di opzioni iOS e Android specifiche per piattaforma quando necessario.
  • Chiudi un picker attivo in modo programmatico con hide().
  • Capacitor 8 supporta.
  • Implementazione web con lo stesso present() API.
  • Supporto per titolo di dialogo.
  • Disposizione di layout rotazione sicura e gestione di località per iOS.
  • iOS yearAndMonth modalità.
  • Analisi più sicura per date non valide, stringhe ISO, valori date-only e min / max.
  • Opzioni Android nidificate, is24hgestione della larghezza della finestra di dialogo e gestione del thread UI di dialogo.
  • Passaggi minuti per gli orologi dell'ora.
  • Selezione di intervallo tramite presentRange().
FunzioneiOSAndroidWeb
present()
presentRange()
hide()
date modalità
time modalità
dateAndTime modalità
yearAndMonth modalitàData di fallback
minuteStep
MetodoDescrizione
presentPresenta un picker nativo o Web per un valore singolo.
presentRangePresenta un picker di data range. Le piattaforme native utilizzano due selezioni native; Web mostra i controlli di inizio e fine insieme.
hideChiudi il picker attualmente visibile, se presente.
getPluginVersionOttieni la versione di marker dell'implementazione della piattaforma.

Questa riferimento è sincronizzato da src/definitions.ts in capacitor-selettore data.