Blazor DateTimePicker组件允许应用程序的用户输入符合指定的验证要求、格式、区域性、最小和最大设置的日期和时间。DateTimePicker可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作,并支持表单验证、键盘导航和提供事件。
用户会看到一个弹出窗口,他们可以用一种可视化的方式导航,以选择所需的日期(通过日历)和时间(通过现代旋转器)。
Telerik Blazor DateTimePicker将输入限制为开发人员指定的格式。这确保了有效的日期、时间和对显示的完全控制。
您可以从标准的。net格式说明符中进行选择,也可以编写自己的格式说明符——就像使用任何c#代码一样。
通过DataAnnotation属性进行表单验证的Telerik Blazor DateTimePicker是开箱即用的。
在一个专用标记中,DateTimePicker允许您简单地配置弹出窗口。除此之外,开放而且关闭方法允许你在不触发OnOpen/OnClose事件的情况下切换弹出窗口的可见性。
DateTimePicker具有验证模式,允许您定义是在更改时触发验证、模糊验证还是在键入时触发验证,从而允许您为特定用例选择最佳验证模式。
DateTimePicker提供了标准的ValueChanged事件和OnChange事件,该事件仍然允许您对用户选择新的日期和时间做出反应,但不阻止双向绑定。该组件还会触发OnBlur事件,当它失去焦点时触发该事件。
Telerik DateTimePicker自动将文化感知格式传输到客户端,以便用户看到他们习惯的日期——例如,如果您将格式设置为“d”,在美国的人可以看到MM/dd/yyyy,而在英国的人可以看到dd/MM/yyyy。每周的天数和按钮文本很容易翻译成任何语言。
了解更多关于Blazor DateTimePicker全球化的信息
Telerik DateTimePicker组件遵循web可访问性标准(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性),并允许您只使用键盘输入值——不仅仅是打字,还可以按方向键,包括日历导航和弹出的时间框——所有这些都不用碰鼠标。
Telerik Blazor调度器有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序.