Saltare al contenuto

@capgo/capacitor-date-picker

Scegliere date, orari, date-orari, anni-mesi e intervalli nativi per le app Capacitor, con un fallback web mantenuto.

@capgo/capacitor-date-picker gives Capacitor apps a native picker API for dates, times, date-time values, year-month values, and date ranges. It uses UIDatePicker su iOS, finestre di dialogo del sistema su Android e input del browser nativi su Web.

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

iOSAndroid
Esempio animato di iOS di @capgo/capacitor-date-picker che si apre, seleziona una data e si chiudeEsempio animato di Android di @capgo/capacitor-date-picker che si apre, seleziona una data e si chiude
iOSAndroid
Screenshot di iOS di @capgo/capacitor-date-picker che mostra il picker di data nativoSchermata di Android di @capgo/capacitor-date-picker che mostra il picker di data nativo
  • Mostra picker di data, ora, data-orario, anno-mese e picker di conto alla rovescia.
  • Scegli intervalli di data tramite presentRange().
  • Formatta i valori restituiti con pattern ISO, Java/Unicode e comuni Moment-style.
  • Applica min, max, datecontesto: Sito web di marketing Capgo. Ruolo: Intestazione di sezione o pagina. Visualizzato in: pagina affiliate.astro. Chiave di messaggio `affiliate_step1_title` (Titolo di Step1 dell'Affiliato).
  • , opzioni di località, fuso orario e ora 24 ore.
  • Utilizza blocchi di opzioni specifiche per piattaforma iOS e Android quando necessario. hide().

Chiudi un picker attivo programmaticamente con

Risoluzioni della community
  • Capacitor 8 support.
  • Implementazione web con lo stesso present() API.
  • Supporto per il titolo del dialogo.
  • Disposizione di layout e gestione di locali sicuri per la rotazione iOS.
  • iOS yearAndMonth Modalità.
  • Analisi più sicura per date non valide, stringhe ISO, valori di data solo e stringhe di data. min / max.
  • Opzioni Android nidificate, gestione della larghezza del dialogo e gestione del thread UI. is24hPassaggi di minuti per i selettori di tempo.
  • Selezione di intervallo tramite
  • __CAPGO_KEEP_0__ presentRange().
FunzioneiOSAndroidWeb
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ìFallback di dataSì
minuteStepSìSìSì
MetodoDescrizione
presentMostra un picker nativo o web per un valore singolo.
presentRangeMostra 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 del marker di implementazione della piattaforma.

Questa referenza è sincronizzata da src/definitions.ts in capacitor-picker-di-data.