Skip to content

日期输入框 ​

ui.DateInput 创建一个字段,按用户区域设置的数字格式显示 *time.Time 的 日期,比如美国显示 1/5/2026、英国显示 05/01/2026、中国显示 2026/1/5,并由 下方弹出的日历修改它。点击、Enter 或空格打开日历,在日历里 点击选择一天,方向键加 Enter 同样可以;Page Up 和 Page Down(或它的按钮) 按月移动,Escape 关闭日历。Changed 报告新的日期,并保留该值的时间与时区。

go
ui.Field(c, "Birthday", func() {
	ui.DateInput(c, &app.birthday)
})

在它旁边放一个时间输入框,两者编辑同一个 time.Time:

go
ui.Row(c).Gap(8).Children(func() {
	ui.DateInput(c, &app.meeting).Label("Date")
	ui.TimeInput(c, &app.meeting).Label("Time")
})

无障碍 ​

辅助技术会看到一个弹出按钮,其值是日期,名称来自它的 Label 或所在的 字段;日历打开时也能看到日历。