Progress Telerik UI for Blazor

Blazor DateInput

  • Blazor DateInput控件允许您直接输入日、月、年、小时和分钟等不同部分的日期。支持标准日期和时间格式字符串。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • DateInput概述

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

    Telerik UI Blazor DateInput概述
  • DateInput支持的格式

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

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

    标准格式字符串在框架中也是区域性识别的,因此它们响应当前用户区域性,DateInput也是如此。

    请参阅日期输入中的格式示例

    Telerik UI Blazor DateInput支持的格式
  • DateInput验证

    通过DataAnnotation进行表单验证属性是开箱即用的Telerik Blazor日期输入。您可以选择是否在更改、模糊或输入时触发验证—无论哪种情况下的最佳选项。

    Blazor DateInput验证的Telerik UI
  • DateInput步骤间隔

    每个组件的段(例如,hours段)可以用方向键递增或递减。默认情况下,增量以1的速率发生,但如果您愿意控制该步骤,则可以。例如,如果您正在构建一个用于进行约会的界面,并且您的时间段为30分钟,那么您可以将分钟段更改为30分钟。
    Telerik UI Blazor DateInput
  • DateInput事件

    DateInput提供了标准ValueChanged事件和OnChange事件,该事件允许您对用户更改值做出反应,但仍然允许您使用双向绑定。组件还会触发OnBlur事件,当它失去焦点时触发。

    Telerik UI Blazor事件
  • 日期输入可访问性和键盘导航

    Telerik DateInput组件支持web辅助标准(包括WCAG, Section 508和WAI-ARIA屏幕阅读器属性),并允许您只使用键盘输入值-不仅通过打字,还通过按方向键。

    Telerik UI for ASP。网络核心Accessibility
  • DateInput TabIndex

    Blazor DateInput组件,就像所有其他Blazor输入组件的Telerik UI一样,由于HTML TabIndex属性,支持在组件之间切换的键盘导航。按Tab键通常会聚焦下一个可用的输入组件,这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置,可以自定义该顺序。
  • DateInput全球化

    Telerik DateInput自动将文化感知格式转换到客户端,以便用户看到他们习惯的日期-例如,如果您将格式设置为“d”,美国人可以看到MM/dd/yyyy,而英国人可以看到dd/MM/yyyy。

    Blazor Date输入全球化示例

    Telerik UI的开拓者全球化和本地化
  • DateInput主题

    Telerik Blazor DateInput有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地自定义任何开箱即用的主题,或者使用Telerik SASS ThemeBuilder应用程序

    Telerik UI Blazor DateInput主题

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map