DateInput

自定义下拉日历，支持日期、日期时间、时间、月份、周。

最后更新 2026-10-25 19:27:08

说明

Mode 取 date / datetime / time / month / week，绑定值为 DateTime?，弹出面板非浏览器原生控件。

常见能力：

<DateInput @bind-Value="@day" />
<DateInput Mode="datetime" @bind-Value="@day" />

参数	类型	默认值	说明
`Icon`	`string`	`"calendar"`	左侧图标。
`Max`	`DateTime?`	`null`	最大值。
`Min`	`DateTime?`	`null`	最小值。
`Mode`	`string`	`"date"`	选择模式：date / datetime / time / month / week。
`Placeholder`	`string`	`"请选择"`	占位文字。
`Value`	`DateTime?`	`null`	绑定值（DateTime?）。
`ValueChanged`	`EventCallback<DateTime?>`	—	事件
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。