为Blazor开发Telerik UI
Blazor TimePicker
- Blazor TimePicker组件可以轻松地编辑和值选择直接进入输入区域或从时间弹出。支持两个元素之间的值同步。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，以完美适合任何应用程序的需求。
- Blazor UI套件还配有专业设计的主题，只需轻按开关，文档处理库，丰富的文档和演示，帮助您立即开始。
-
Blazor TimePicker概述
Blazor TimePicker组件允许用户只输入符合指定格式、区域性、最小和最大设置的有效时间。它还支持表单验证、键盘导航并提供事件，并且可以在这两种情况下工作WebAssembly(WASM)和服务器端Blazor应用程序
此外，用户还会看到一个弹出窗口，他们可以用可视化的方式导航，通过现代旋转器选择所需的时间。
看看Blazor TimePicker演示
-
TimePicker支持的格式
Telerik Blazor TimePicker将输入限制为开发人员指定的格式。这确保了有效的日期、时间和对显示的完全控制。
您可以从标准的。net格式说明符中进行选择，也可以编写自己的格式说明符——就像编写任何c#代码一样。
-
TimePicker步骤间隔
每个组件的段(例如小时段)可以用方向键递增或递减。默认情况下，增量以1的速率发生，但如果您愿意控制这一步，您可以这样做。例如，如果您正在构建一个用于预约的界面，并且您的时间段为30分钟，那么您将分钟段更改为30分钟。
-
TimePicker验证
通过DataAnnotation进行表单验证属性与Telerik Blazor时间Picker开箱即用。
-
TimePicker验证模式
Blazor TimePicker组件的UI提供了验证模式，它可以帮助您选择是否在更改、模糊或键入时触发验证，允许您根据需要选择最佳选项。
-
TimePicker弹出设置
您可以使用TimePicker UI组件在单个专用标记中轻松地定制弹出窗口。除此之外，开放而且关闭方法允许你在不触发OnOpen/OnClose事件的情况下切换弹出窗口的可见性。
-
TimePicker事件
TimePicker提供了标准的ValueChanged事件和OnChange事件，该事件仍然允许您对用户选择新的日期和时间做出反应，但不阻止双向绑定。
了解关于TimePicker事件的更多信息 -
时间选择器全球化和本地化
Telerik TimePicker自动将文化感知格式带到客户端，以便用户看到他们习惯的日期——例如，如果你将格式设置为“t”，美国人可以看到12小时的AM/PM格式，而德国人将看到24小时的时钟。按钮文本很容易翻译成任何语言。
-
时间选择器可访问性和键盘导航
Telerik TimePicker组件遵循web可访问性标准(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性)，并允许您只使用键盘输入值-不仅可以打字，还可以按方向键，这包括在时间倒流弹窗中导航-所有这些都不用碰鼠标。
-
TimePicker TabIndex
Blazor TimePicker组件，就像所有其他Telerik为Blazor输入组件的UI一样，由于HTML TabIndex属性，支持键盘导航在组件之间切换。按Tab键通常会关注下一个可用的输入组件，这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置，您可以自定义该顺序。 -
TimePicker主题
Telerik Blazor TimePicker有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题，或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序．
