日期和時間欄位採分區段輸入:日、月、年依地區設定的順序排列,接著是依其 12 或 24 小時制顯示的小時和分鐘。每個區段都是一個 spinbutton:輸入數字後會自動跳到下一個區段,也可以用方向鍵逐步調整。貼上完整的日期,所有區段都會自動填好。
選擇器會在 Popover 中加上日曆,可選取單一日期,或搭配常用範圍選取日期範圍。值是一般的 ISO 字串,例如 2026-09-25 或 2026-09-25T09:30,而且每個欄位都支援 Signal Forms、響應式表單和 ngModel。
本站的範例會依循頁面的語言:切換語言,就能看到順序、分隔符號和數字跟著改變。
日期和時間欄位
輸入數字,或使用方向鍵。再按一次 Backspace 會退回上一個區段。minuteStep 設定方向鍵每次調整分鐘的幅度。
Birthday: not set · Alarm: 07:30
日期選擇器
按鈕會開啟日曆並停在所選日期,選取日期後日曆隨即關閉。使用 granularity="minute" 時,選擇器也能輸入時間,而日曆只會變更日期。
Departure: not set · Meeting: 2026-09-26T09:30
日期範圍
兩個欄位搭配雙月日曆。nuiDateRangePresets() 會加入常用範圍;在依序設定好兩端之前,值都會是 null。
Type both dates, pick them in the calendar, or choose a preset.