logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

DatePicker日期选择框

输入或选择日期的控件。

何时使用

当用户需要输入一个日期,可以点击标准输入框,弹出日期面板进行选择。

Examples

最简单的用法,在浮层中可以选择或者输入日期。

expand code expand code

使用 format 属性,可以自定义日期显示格式。

expand code expand code

增加选择时间功能,当 showTime 为一个对象时,其属性会传递给内建的 TimePicker

expand code expand code

可用 disabledDatedisabledTime 分别禁止选择部分日期和时间,其中 disabledTime 需要和 showTime 一起使用。

expand code expand code

可以预设常用的日期范围以提高用户体验。

expand code expand code

三种大小的输入框,若不设置,则为 default

expand code expand code

使用 LocaleCultureInfo 属性,可以自定义日历的区域特性。默认是 CultureInfo.CuurrentCulture

注意:内置的本地化配置并未完善,可通过设置 星期的第一天(FirstDayOfWeek, 默认 Sunday ) 和 星期缩写 ( ShortWeekDays,默认 [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ] ) 使日历组件展示符合的效果。 如果不设置,则会自动使用 Globalization 的默认配置。 当然,如果您可以帮助我们完善 本地化文件,我们将不胜感激。

expand code expand code

选择要显示的您自己的后缀图标。这将替换选取器的默认后缀图标。

expand code expand code

通过设置 picker 属性,指定范围选择器类型。

expand code expand code

可以通过 Mask 属性设置日期输入格式,使输入自动识别为日期值。

expand code expand code

选择框的不可用状态。你也可以通过数组单独禁用 RangePicker 的其中一项。

expand code expand code

这里举例如何用 onCalendarChangedisabledDate 来限制动态的日期区间选择。

expand code expand code

使用 dateRender 可以自定义日期单元格的内容和样式。

expand code expand code

无边框样式。

expand code expand code

可以通过 placement 手动指定弹出的位置。

expand code expand code

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 如果覆盖需要重新定位,则文档边界是用于计算的边界。因此,即使覆盖在视口之外,只要不“溢出”文档边界,覆盖仍可能显示。
Checkbox多选框 Form表单
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.