为Blazor开发Telerik UI

Blazor DateTimePicker

  • Blazor DateTimePicker组件使您可以轻松地编辑和选择值直接进入输入区域或从时间弹出框。结合日期编辑和动画下拉菜单。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
为Blazor套件的Telerik UI
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • DateTimePicker概述

    Blazor DateTimePicker组件允许应用程序的用户输入符合指定的验证要求、格式、区域性、最小和最大设置的日期和时间。DateTimePicker可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作,并支持表单验证、键盘导航和提供事件。

    用户会看到一个弹出窗口,他们可以用一种可视化的方式导航,以选择所需的日期(通过日历)和时间(通过现代旋转器)。

    看看Blazor DateTimePicker演示

    Telerik UI为Blazor DateTimePicker概述
  • DateTimePicker支持的日期和时间格式

    Telerik Blazor DateTimePicker将输入限制为开发人员指定的格式。这确保了有效的日期、时间和对显示的完全控制。

    您可以从标准的。net格式说明符中进行选择,也可以编写自己的格式说明符——就像使用任何c#代码一样。

    格式化日期和时间选择器的示例

    Telerik UI for Blazor DateTimePicker支持日期和时间格式
  • DateTimePicker验证

    通过DataAnnotation属性进行表单验证的Telerik Blazor DateTimePicker是开箱即用的。

    Blazor DateTimePicker表单验证示例。

  • DateTimePicker步骤间隔

    每个组件的段(例如小时段)可以用方向键递增或递减。默认情况下,增量以1的速率发生,但如果您愿意控制这一步,您可以这样做。例如,如果您正在构建一个用于预约的界面,并且您的时间段为30分钟,那么您将分钟段更改为30分钟。
    为Blazor DateTimePicker的Telerik UI
  • DateTimePicker弹出设置

    在一个专用标记中,DateTimePicker允许您简单地配置弹出窗口。除此之外,开放而且关闭方法允许你在不触发OnOpen/OnClose事件的情况下切换弹出窗口的可见性。

  • DateTimePicker验证模式

    DateTimePicker具有验证模式,允许您定义是在更改时触发验证、模糊验证还是在键入时触发验证,从而允许您为特定用例选择最佳验证模式。

  • DateTimePicker事件

    DateTimePicker提供了标准的ValueChanged事件和OnChange事件,该事件仍然允许您对用户选择新的日期和时间做出反应,但不阻止双向绑定。该组件还会触发OnBlur事件,当它失去焦点时触发该事件。

    Blazor Events的Telerik UI
  • DateTimePicker全球化和本地化

    Telerik DateTimePicker自动将文化感知格式传输到客户端,以便用户看到他们习惯的日期——例如,如果您将格式设置为“d”,在美国的人可以看到MM/dd/yyyy,而在英国的人可以看到dd/MM/yyyy。每周的天数和按钮文本很容易翻译成任何语言。

    了解更多关于Blazor DateTimePicker全球化的信息

    用于Blazor全球化和本地化的Telerik UI
  • DateTimePicker TabIndex

    Blazor DateTimePicker组件,就像所有其他Telerik UI的Blazor输入组件一样,支持键盘导航在组件之间切换,这多亏了HTML TabIndex属性。按Tab键通常会关注下一个可用的输入组件,这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置,您可以自定义该顺序。
  • DateTimePicker可访问性和键盘导航

    Telerik DateTimePicker组件遵循web可访问性标准(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性),并允许您只使用键盘输入值——不仅仅是打字,还可以按方向键,包括日历导航和弹出的时间框——所有这些都不用碰鼠标。

    Telerik用户界面为Bazor键盘导航
  • DateTimePicker主题

    Telerik Blazor调度器有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序

    为Blazor DateTimePicker主题的Telerik UI

所有Blazor组件

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map