Progress Telerik UI for Blazor

Blazor DateRange Picker

  • 在弹出的日历中选择和编辑起始日期和结束日期输入的日期范围。Blazor DateRange Picker支持实时渲染,动画和同步。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
键盘导航
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • DateRangePicker概述

    Blazor DateRangePicker组件允许用户直接从日历弹出框中选择日期周期,或者从开始日期和结束日期输入中编辑日期范围。日期间隔在一个动画下拉菜单中实时可视化。日期范围选择器可以在WebAssembly (WASM)和服务器端Blazor应用程序中工作,支持表单验证、全球化、本地化、键盘导航,并提供事件和双向数据绑定。

    Telerik UI Blazor DateRangePicker概述
  • DateRangePicker验证

    Telerik Blazor DateRange Picker通过DataAnnotation属性进行表单验证。

    Blazor DateRangePicker表单验证示例

    Telerik UI Blazor DateRangePicker验证
  • DateRangePicker禁用日期

    该组件允许将某些日期设置为禁用,即防止用户选择它们作为间隔的开始和结束日期。

    禁用日期的DateRangePicker示例

    Telerik UI Blazor DateRangePicker禁用日期
  • DateRangePicker事件

    DateRangePicker暴露了几个事件,用于捕获和处理日期范围值和日历视图(如OnChange)的更改,ViewChanged,StartValueChanged和EndValueChanged。

    Blazor应用程序中的DateRangePicker事件示例

    Telerik UI Blazor事件
  • DateRangePicker弹出设置

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

  • Blazor DateRangePicker头模板

    使用你可以在Blazor DateRangePicker头渲染图像,其他组件或自定义内容。

    参见Blazor DateRangePicker UI组件中的自定义头的示例。

    Telerik Blazor DateRangePicker -自定义内容与模板
  • daterangpicker验证模式

    DateRangePicker组件包括验证模式,允许您定义是否在更改、模糊或输入时激活验证,从而允许您为给定的用例选择最佳的验证模式。

  • daterangpicker全球化和本地化

    Blazor DateRangePicker的用户界面具有内置的本地化和全球化,允许客户端的自动文化感知格式,因此用户看到的日期是他们国家/地区的标准。例如,将format设置为“d”,不同位置的人将看到不同的格式:MM/dd/yyyy(美国)或dd/MM/yyyy(英国)。月份名称和按钮文本很容易翻译成任何语言。

    DateRangePicker全球化和本地化的例子

    Telerik UI的开拓者全球化和本地化
  • DateRangePicker键盘导航

    DateRange Picker组件中的内置键盘导航为用户提供了仅使用键盘与组件进行交互的灵活性。

    键盘支持DateRangePicker的例子

    Telerik UI Bazor键盘导航
  • DateRangePicker主题

    Telerik Blazor DateRangePicker有几个内置主题比如默认(我们自己的样式),材质(基于材质设计指南)和Bootstrap。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序

所有Blazor组件

下一个步骤

发射演示

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

下载免费试用

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

Baidu
map