I campi di data e ora si digitano a segmenti: giorno, mese e anno nell’ordine del locale, poi ore e minuti con il suo orologio a 12 o 24 ore. Ogni segmento è uno spinbutton: quando digiti le cifre avanza da solo al successivo, oppure puoi cambiarlo a passi con le frecce. Incolla una data intera e tutti i segmenti si riempiono.
I selettori aggiungono un calendario in un popover, per una data o per un intervallo con preset. I valori sono semplici stringhe ISO, come 2026-09-25 o 2026-09-25T09:30, e ogni campo funziona con Signal Forms, i form reattivi e ngModel.
Su questo sito, gli esempi seguono la lingua della pagina: passa a un’altra lingua per vedere come cambiano ordine, separatori e cifre.
Campi di data e ora
Digita le cifre, o usa le frecce. Un secondo Backspace torna al segmento precedente. minuteStep stabilisce di quanto le frecce spostano i minuti.
Birthday: not set · Alarm: 07:30
Selettori di data
Il pulsante apre un calendario sul giorno scelto, e la scelta lo chiude. Con granularity="minute", il selettore accetta anche un orario, e il calendario cambia solo la data.
Departure: not set · Meeting: 2026-09-26T09:30
Un intervallo di date
Due campi e un calendario di due mesi. nuiDateRangePresets() aggiunge gli intervalli più comuni; il valore resta null finché entrambi gli estremi non sono impostati, in ordine.
Type both dates, pick them in the calendar, or choose a preset.