Blazor DateInput -概述

配置器

防反跳延迟

选择的旅行日期为:2022年11月18日,星期五

  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

DateInput组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

描述

Telerik UI为Blazor DateInput组件使您能够通过直接输入来输入日期/时间。它为日、月、年、小时和分钟提供了单独的部分。此外,您可以使用标准格式字符串来控制日期和时间格式。

要在Blazor应用程序中使用TelerikDateInput组件,只需在razor页面中添加标记,并将控件绑定到DateTime对象。当前的演示展示了一个使用Blazor DateInput组件的主要示例,它通过选择旅行日期,然后显示为文本。在演示配置器中,您可以调整UI组件的debounce delay属性,该属性允许控制时间延迟和对日期值更改的响应。

当按下向上或向下箭头时,Blazor的DateInput可以增加/减少日期的每个部分(年,月,日)的值。此外,您可以为id、值、自定义格式、最小值和最大值、制表符索引、占位符、禁用将触发验证的组件和事件提供配置选项。

用于Blazor DateInput的Telerik UI具有内置的能力,可以对涉及格式字符串的所选文化做出反应,因此相同的格式可能会根据用户文化呈现不同的内容。

DateInput还公开了多个事件,如OnChange、ValueChanged和OnBlur,使与用户与组件交互相关的逻辑易于处理。

这个DateInput Overview示例是数百个Blazor演示的独特集合的一部分,通过它您可以看到所有的示例用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

额外的资源

出现错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map