DevExtreme React Calendar

DevExpressStrumenti di pianificazione e programmazioneJavaScript

Componente calendario React personalizzabile per una selezione delle date versatile.

  • Supporta selezioni di date singole, multiple e in intervallo.
  • Offre viste mese, anno, decennio e secolo.
  • Include template delle celle personalizzabili e visualizzazione dei numeri della settimana.
DevExpress logo

Prezzi da:

Caricamento...
Disponibile in
DevExtreme CompleteCaricamento
DevExpress DXperienceCaricamento
DevExpress UniversalCaricamento
DevExpress VCL Subscription +Caricamento
Hai bisogno di aiuto per scegliere? Vedi Come acquistare e la specifica
immagine del prodotto DevExtreme React Calendar
DevExtreme React Calendar è un componente React flessibile che facilita la selezione delle date all'interno di intervalli specificati. Supporta varie modalità di selezione e viste del calendario, integrate da ampie opzioni di personalizzazione, tra cui date disabilitate, visualizzazione del numero della settimana e aspetto delle celle guidato da template.

Modalità di selezione

Consente agli utenti di selezionare le date in modalità singola, multipla o intervallo, memorizzando le selezioni di conseguenza.

Viste del calendario e livelli di zoom

Supporta la visualizzazione dei dati del calendario per mese, anno, decennio o secolo, con livelli di zoom minimo e massimo configurabili per controllare l'accessibilità della vista.

Restrizioni dell'intervallo di date

Consente di impostare date minime e massime selezionabili e di disabilitare dinamicamente date specifiche tramite funzioni o array predefiniti.

Pulsante Oggi

Pulsante Oggi opzionale che seleziona la data corrente, migliorando la comodità dell'utente e l'accesso rapido alle date.

Visualizzazione dei numeri della settimana

Può visualizzare i numeri della settimana con regole di calcolo configurabili in base alla localizzazione o a logiche personalizzate, insieme alla funzionalità delle settimane selezionabili.

Aspetto delle celle personalizzabile

Supporta template personalizzati e funzioni di rendering per le celle, consentendo di evidenziare festività, weekend o altri indicatori visivi specifici della data.

Accessibilità e supporto da tastiera

Include funzionalità di accessibilità con stati di focus e hover configurabili, supporto alla navigazione da tastiera e attributi ARIA per una migliore usabilità.

Gestione degli eventi e callback

Espone gestori di eventi per modifiche del valore, modifiche delle proprietà, inizializzazione e rilascio, offrendo agli sviluppatori il pieno controllo sulle interazioni del calendario.

Opzioni UI e di stile

Offre proprietà per personalizzare le dimensioni del componente, la visibilità, lo stato di sola lettura, il layout da destra a sinistra e gli elementi di stile per un'integrazione coerente dell'interfaccia utente.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • React