Ant Design Blazor
DatePicker日期选择框
Examples
最简单的用法，在浮层中可以选择或者输入日期。
使用 format 属性，可以自定义日期显示格式。
增加选择时间功能，当 showTime 为一个对象时，其属性会传递给内建的 TimePicker。
可用 disabledDate 和 disabledTime 分别禁止选择部分日期和时间，其中 disabledTime 需要和 showTime 一起使用。
可以预设常用的日期范围以提高用户体验。
三种大小的输入框，若不设置，则为 default。
使用 Locale 和 CultureInfo 属性，可以自定义日历的区域特性。默认是 CultureInfo.CuurrentCulture。
注意：内置的本地化配置并未完善，可通过设置 星期的第一天(
FirstDayOfWeek, 默认Sunday) 和 星期缩写 (ShortWeekDays，默认[ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ]) 使日历组件展示符合的效果。 如果不设置，则会自动使用 Globalization 的默认配置。 当然，如果您可以帮助我们完善 本地化文件，我们将不胜感激。
选择要显示的您自己的后缀图标。这将替换选取器的默认后缀图标。
通过设置 picker 属性，指定范围选择器类型。
可以通过 Mask 属性设置日期输入格式，使输入自动识别为日期值。
选择框的不可用状态。你也可以通过数组单独禁用 RangePicker 的其中一项。
这里举例如何用 onCalendarChange 和 disabledDate 来限制动态的日期区间选择。
在浮层中加入额外的页脚，以满足某些定制信息的需求。
使用 dateRender 可以自定义日期单元格的内容和样式。
无边框样式。
可以通过 placement 手动指定弹出的位置。
DatePicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| OnChange | 属性选中值改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性确定是否应禁用提供的日期的功能 | Func<DateTime, Boolean> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync() | Task | 将焦点添加到选取器输入 |
| BlurAsync() | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
MonthPicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| OnChange | 属性选中值改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性确定是否应禁用提供的日期的功能 | Func<DateTime, Boolean> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync() | Task | 将焦点添加到选取器输入 |
| BlurAsync() | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
RangePicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| OnChange | 属性范围选择改变时执行的回调 | EventCallback<DateRangeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性 | Func<DateTime, Boolean> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync(Int32 index) | Task | 将焦点添加到选取器输入 |
| BlurAsync(Int32 index) | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
WeekPicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| OnChange | 属性选中值改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性确定是否应禁用提供的日期的功能 | Func<DateTime, Boolean> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync() | Task | 将焦点添加到选取器输入 |
| BlurAsync() | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
YearPicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| OnChange | 属性选中值改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性确定是否应禁用提供的日期的功能 | Func<DateTime, Boolean> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync() | Task | 将焦点添加到选取器输入 |
| BlurAsync() | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
QuarterPicker API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| OnChange | 属性选中值改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| ChangeOnClose | 属性模糊后保存输入值 | Boolean | -- |
| Picker | 属性设置选择器类型 | DatePickerType | -- |
| PopupContainerSelector | 属性用于放置弹出窗口容器的选择器 | String | -- |
| Disabled | 属性禁用日期选择器。当给定一个布尔值时，它将禁用所有布尔值。当给定一个布尔数组时，它表示禁用范围的开始/结束：[start, end] | OneOf<Boolean, Boolean[]> | -- |
| BoundaryAdjustMode | 属性叠加调整策略（例如浏览器调整大小时） | TriggerBoundaryAdjustMode | -- |
| Bordered | 属性是否显示边框 | Boolean | true |
| AutoFocus | 属性是否自动对焦输入 | Boolean | false |
| Open | 属性选择器是否打开 | Boolean | false |
| InputReadOnly | 属性选择器是否只读 | Boolean | false |
| ShowToday | 属性是否显示从任何日期选择今天的今天按钮 | Boolean | true |
| Mask | 属性用于本地化 UI 字符串的语言环境 | String | LocaleProvider.CurrentLocale.DatePicker |
| Locale | 属性 | DatePickerLocale | -- |
| CultureInfo | 属性用于本地化的 CultureInfo | CultureInfo | CultureInfo for Locale |
| ShowTime | 属性是否显示时间。 当为布尔值时，它将 ShowTime 设置为布尔值。 当为字符串时，它将 ShowTime 设置为 true 并使用字符串值作为时间格式。 |
OneOf<Boolean, String> | -- |
| AllowClear | 属性是否允许清除所选值 | Boolean | true |
| Placeholder | 属性输入占位符 | OneOf<String, String[]> | -- |
| PopupStyle | 属性应用于弹出窗口的样式 | String | -- |
| ClassName | 属性选择器类名 | String | -- |
| DropdownClassName | 属性弹出框下拉列表的类名 | String | -- |
| Format | 属性日期时间显示格式 | String | -- |
| DefaultValue | 属性默认值 | TValue | -- |
| DefaultPickerValue | 属性选择器的默认值 | TValue | -- |
| SuffixIcon | 属性自定义后缀图标 | RenderFragment | -- |
| Ranges | 属性范围选择预设允许用户通过单击按钮选择范围 | Dictionary<String, Nullable`1[]> | -- |
| RenderExtraFooter | 属性在选择器页脚中显示的额外内容 | RenderFragment | -- |
| OnClearClick | 属性单击清除时执行的回调Use OnClear instead Obsolete 将在未来的版本中删除。 |
EventCallback | -- |
| OnClear | 属性单击清除按钮时调用。 | EventCallback | -- |
| OnOk | 属性单击确定时执行的回调 | EventCallback | -- |
| OnOpenChange | 属性打开或关闭弹出式日历时执行的回调 | EventCallback<Boolean> | -- |
| OnPanelChange | 属性当显示的面板类型改变时执行的回调 | EventCallback<DateTimeChangedEventArgs<TValue>> | -- |
| DisabledDate | 属性确定是否应禁用提供的日期的功能 | Func<DateTime, Boolean> | -- |
| DisabledHours | 属性确定是否应禁用日期中的某个小时的函数 | Func<DateTime, Int32[]> | -- |
| DisabledMinutes | 属性确定是否应禁用日期中的分钟的函数 | Func<DateTime, Int32[]> | -- |
| DisabledSeconds | 属性确定是否应禁用日期中的秒数的函数 | Func<DateTime, Int32[]> | -- |
| DisabledTime | 属性确定日期中应禁用哪些时间的函数 | Func<DateTime, DatePickerDisabledTime> | -- |
| DateRender | 属性日期单元格的自定义呈现 | Func<DateTime, DateTime, RenderFragment> | -- |
| MonthCellRender | 属性月份单元格的自定义渲染 | Func<DateTime, RenderFragment> | -- |
| Placement | 属性弹出选择框的位置 | Placement | -- |
| Use12Hours | 属性为真时，将使用 12 小时时间。当 false 时将使用 24 小时制 | Boolean | false |
| ValidationMessages | FormItem 的验证消息 | String[] | -- |
| AdditionalAttributes | 属性获取或设置将应用于所创建元素的附加属性的集合。 | IReadOnlyDictionary<String, Object> | -- |
| Value | 属性获取或设置输入的值。这应该与双向绑定一起使用。 | TValue | -- |
| ValueChanged | 属性更新绑定值的回调。 | EventCallback<TValue> | -- |
| ValueExpression | 属性标识绑定值的表达式。 | Expression<Func<TValue>> | -- |
| ValuesExpression | 属性标识可枚举绑定值的表达式。 | Expression<Func<IEnumerable<TValue>>> | -- |
| Size | 属性输入框的大小。注意：在表单的上下文中，使用“大”尺寸。可用：`大``默认``小` | String | AntSizeLDSType.Default |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| FocusAsync() | Task | 将焦点添加到选取器输入 |
| BlurAsync() | Task | 从选取器输入中删除焦点 |
| Close() | void | 关闭弹出窗口 |
TriggerBoundaryAdjustMode API#
基础类型: Int32
| 名称 | 描述 |
|---|---|
| None | 不要自动调整 |
| InView | 默认情况下，视口边界是在覆盖完全可见时用于计算的边界。尝试调整叠加层，使其始终在视口中完全可见。因此，如果叠加层位于视口之外（“溢出”），则会尝试重新定位计算。 |
| InScroll | 如果覆盖需要重新定位，则文档边界是用于计算的边界。因此，即使覆盖在视口之外，只要不“溢出”文档边界，覆盖仍可能显示。 |