Blazor DateTimePicker -概述

配置器

防反跳延迟

选定日期和时间
2/3/2023 7:25:44 PM
  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

DateTimePicker组件是Blazor的Telerik UI,一个专业级的UI库,包含100多个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。

描述

的Telerik UIBlazor DateTimePicker组件允许用户轻松地直接在其输入区域或日历弹出框中编辑和选择值。它结合了日期编辑功能和动画下拉菜单。这两个控件的值是同步的,以支持对所选日期的进一步更改。

要在Blazor应用程序中使用TelerikDateTimePicker,您只需要在razor页面中添加标记,并将DateTime对象绑定到组件。当前的演示展示了使用Blazor DateTimePicker组件的一个主要示例。它会显示一个弹出窗口,其中包含选定的日期/时间值,然后以文本形式显示。在DateTimePicker演示配置器中,您可以调整UI组件的debounce delay属性,该属性允许控制时间延迟和对日期/时间值更改的响应。

DateTimePicker允许用户通过单击呈现的箭头来更改所选值。您可以通过嵌套的标记及其参数设置递增和递减步骤。您还可以利用格式化、最小值和最大值、占位符、选项卡索引和外观设置参数的多个配置选项,允许您轻松配置组件大小、形状和填充模式。

用于Blazor的Telerik DateTimePicker暴露了多个事件,可以让您处理用户操作,例如日期/时间选择和当前值确认、更改和验证。

DateTimePicker还提供了一个参数,在Calendar弹出框中显示周数。

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

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map