日期和時間欄位採分區段輸入:日、月、年依地區設定的順序排列,接著是依其 12 或 24 小時制顯示的小時和分鐘。每個區段都是一個 spinbutton:輸入數字後會自動跳到下一個區段,也可以用方向鍵逐步調整。貼上完整的日期,所有區段都會自動填好。

選擇器會在 Popover 中加上日曆,可選取單一日期,或搭配常用範圍選取日期範圍。值是一般的 ISO 字串,例如 2026-09-25 或 2026-09-25T09:30,而且每個欄位都支援 Signal Forms、響應式表單和 ngModel。

本站的範例會依循頁面的語言:切換語言,就能看到順序、分隔符號和數字跟著改變。

日期和時間欄位

輸入數字,或使用方向鍵。再按一次 Backspace 會退回上一個區段。minuteStep 設定方向鍵每次調整分鐘的幅度。

年月日
上午0730

Birthday: not set · Alarm: 07:30

日期選擇器

按鈕會開啟日曆並停在所選日期,選取日期後日曆隨即關閉。使用 granularity="minute" 時,選擇器也能輸入時間,而日曆只會變更日期。

年月日
20260926上午0930

Departure: not set · Meeting: 2026-09-26T09:30

日期範圍

兩個欄位搭配雙月日曆。nuiDateRangePresets() 會加入常用範圍;在依序設定好兩端之前,值都會是 null。

年月日年月日

Type both dates, pick them in the calendar, or choose a preset.