InputDate

输入日期并通过日历选择。

实时预览

正在加载预览…

参数配置

标签 label占位文字 placeholder颜色 color尺寸 size样式 variant禁用 disabled否只读 readOnly否加载中 loading否隐藏日历按钮 hideCalendar否

全部字段 52

InputDateOptions

HideCalendar

Label

Placeholder

ErrorMessage

Disabled

ReadOnly

Invalid

Password

Clearable

ClearLabel

Color

Variant

Size

Leading

Trailing

Loading

LoadingIcon

Highlight

MaxLength

OnChange

OnSubmit

OnClear

UI

Styles · 0

Style

Calendar

CalendarOptions

Label

Range

Disabled

Min

Max

IsDateDisabled

WeekStart

Today

OnChange

UI

Styles · 0

Style

OnValueChange

InputDateOptions2

HideCalendar

Label

Placeholder

ErrorMessage

Disabled

ReadOnly

Invalid

Password

Clearable

ClearLabel

Color

Variant

Size

Leading

Trailing

Loading

LoadingIcon

Highlight

MaxLength

OnChange

OnSubmit

OnClear

UI

Styles · 0

Style

Calendar

CalendarOptions

Label

Range

Disabled

Min

Max

IsDateDisabled

WeekStart

Today

OnChange

UI

Styles · 0

Style

OnValueChange

Go 代码

// Inside a view; c is *ui.Context, t is nui.Theme.
// Keep s (example state) outside the view. See the complete example.
nui.InputDate(c.Key("date"), t, &s.Value, &s.Date, nui.InputDateOptions{InputOptions: nui.InputOptions{Label: "Project name", Placeholder: "Type something…", Color: nui.ColorDefault, Size: nui.SizeDefault, Variant: nui.VariantDefault, Disabled: false, ReadOnly: false, Loading: false}, HideCalendar: false})
nui.InputDateRange(c.Key("range"), t, &s.Range, &s.RangeInput, nui.InputDateOptions{InputOptions: nui.InputOptions{Label: "Date range", Placeholder: "Type something…", Color: nui.ColorDefault, Size: nui.SizeDefault, Variant: nui.VariantDefault, Disabled: false, ReadOnly: false, Loading: false}, HideCalendar: false})

使用说明

上方编辑单个日期，下方 InputDateRange 编辑日期区间。可以输入日期或展开日历；两个示例共用外观、禁用、只读和 hideCalendar 快捷参数，值和编辑状态分别持久保存。

API 参考

InputDate

源码

func InputDate(c *ui.Context, t Theme, value *Optional[Date], s *DateInputState, o InputDateOptions) ui.Element

InputDateRange

源码

func InputDateRange(c *ui.Context, t Theme, value *DateSelection, s *DateRangeInputState, o InputDateOptions) ui.Element

InputDateOptions

源码

type InputDateOptions struct {
	HideCalendar bool
	InputOptions
	Calendar      CalendarOptions
	OnValueChange func(Optional[Date])
}

字段	类型	说明
`HideCalendar`	`bool` Go 零值: `false`	隐藏日期输入的日历入口。
`Label`	`string` Go 零值: `""`	控件标签或可访问名称。
`Placeholder`	`string` Go 零值: `""`	没有输入或选择时的占位文字。
`ErrorMessage`	`string` Go 零值: `""`	显式提供的错误说明。
`Disabled`	`bool` Go 零值: `false`	禁用组件及其交互。
`ReadOnly`	`bool` Go 零值: `false`	允许读取和选择内容，但禁止编辑。
`Invalid`	`bool` Go 零值: `false`	使用无效输入的视觉状态。
`Password`	`bool` Go 零值: `false`	遮蔽输入内容。
`Clearable`	`bool` Go 零值: `false`	显示清空操作或允许清除当前值。
`ClearLabel`	`string` Go 零值: `""`	清空操作的可访问名称。
`Color`	`Color` Go 零值: `ColorDefault`	语义颜色；默认值继承主题或组件配色。
`Variant`	`Variant` Go 零值: `VariantDefault`	组件外观样式，支持范围取决于组件。
`Size`	`Size` Go 零值: `SizeDefault`	组件尺寸；默认值继承主题或组件尺寸。
`Leading`	`*ui.SVG` Go 零值: `nil`	内容前方的 SVG 图标。
`Trailing`	`*ui.SVG` Go 零值: `nil`	内容后方的 SVG 图标。
`Loading`	`bool` Go 零值: `false`	显示加载状态；是否阻止操作由组件决定。
`LoadingIcon`	`*ui.SVG` Go 零值: `nil`	覆盖默认加载图标。
`Highlight`	`bool` Go 零值: `false`	突出显示控件或选中项目。
`MaxLength`	`int` Go 零值: `0`	输入长度上限，原生文本以 UTF-16 单元计数；零表示不限。
`OnChange`	`func(string)` Go 零值: `nil`	值发生变化时通知应用的回调。
`OnSubmit`	`func(string)` Go 零值: `nil`	提交表单或输入时通知应用的回调。
`OnClear`	`func()` Go 零值: `nil`	清空值时通知应用的回调。
`UI`	`Styles` Go 零值: `zero value`	以部件名称为键覆盖外观和间距。
`Style`	`func(root, editor, leading, trailing ui.Element)` Go 零值: `nil`	同步配置当前构建的部件；不要保留 Element。
`Calendar`	`CalendarOptions` Go 零值: `zero value`	内嵌日历的配置。
`OnValueChange`	`func(Optional[Date])` Go 零值: `nil`	解析后的值变化时通知应用的回调。