Saltare al contenuto

@capgo/capacitor-selettore di data

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 nativo su Web.

Questo è l'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
Sfondo IOS di @capgo/capacitor-date-picker che mostra il calendario di data nativoSchermata di Android di @capgo/capacitor-date-picker che mostra il picker di data nativa
  • Mostra picker di data, ora, data-orario, anno-mese e picker di conto alla rovescia.
  • Scegli intervalli di data attraverso presentRange().
  • Formatta i valori restituiti con schemi 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 in modo programmatico con

Risoluzioni della community
  • Capacitor 8 supporto.
  • Implementazione web con lo stesso present() API.
  • Supporto per il titolo del dialogo.
  • Disposizione di layout sicura per la rotazione su iOS e gestione della locale.
  • iOS yearAndMonth Modalità.
  • Analisi più sicura per date non valide, stringhe ISO, valori di data solo e opzioni Android nidificate, min / max.
  • gestione della larghezza del dialogo, e gestione del dialogo su thread UI. is24hPassaggi di minuti per i selettori di tempo.
  • Selezione di intervallo tramite
  • __CAPGO_KEEP_0__ presentRange().
FunzioneiOSAndroidWeb
present()
presentRange()
hide()
date Modalità
time Modalità
dateAndTime Modalità
yearAndMonth ModalitàFallback di data
minuteStep
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 di marker dell'implementazione della piattaforma.

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