日期和时间输入框按分段输入:日、月、年按语言环境的顺序排列,随后是按其 12 或 24 小时制显示的小时和分钟。每个分段都是一个 spinbutton:输入数字后会自动跳到下一段,也可以用方向键逐步调整。粘贴完整的日期,所有分段都会自动填好。

选择器在弹出框中加入日历,可以选择单个日期,也可以借助快捷选项选择日期范围。值是普通的 ISO 字符串,例如 2026-09-25 或 2026-09-25T09:30,每个输入框都支持 Signal Forms、响应式表单和 ngModel。

本站的示例会跟随页面语言:切换语言,即可看到顺序、分隔符和数字随之变化。

日期和时间输入框

输入数字,或使用方向键。再按一次 Backspace 会退回上一个分段。minuteStep 设置方向键每次调整分钟的幅度。

年月日
0730

Birthday: not set · Alarm: 07:30

日期选择器

按钮会打开日历并定位到所选日期,选中日期后日历随即关闭。使用 granularity="minute" 时,选择器还可以输入时间,而日历只改变日期。

年月日
202609260930

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

日期范围

两个输入框加一个双月日历。nuiDateRangePresets() 会添加常用范围;在按顺序设置好两端之前,值一直为 null。

年月日年月日

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