Blazor DateRangePicker组件允许用户直接从日历弹出框中选择日期周期,或者从开始日期和结束日期输入中编辑日期范围。日期间隔在一个动画下拉菜单中实时可视化。日期范围选择器可以在WebAssembly (WASM)和服务器端Blazor应用程序中工作,支持表单验证、全球化、本地化、键盘导航,并提供事件和双向数据绑定。
Telerik Blazor DateRange Picker通过DataAnnotation属性进行表单验证。
该组件允许将某些日期设置为禁用,即防止用户选择它们作为间隔的开始和结束日期。
DateRangePicker暴露了几个事件,用于捕获和处理日期范围值和日历视图(如OnChange)的更改,ViewChanged,StartValueChanged和EndValueChanged。
Blazor应用程序中的DateRangePicker事件示例
DateRangePicker允许您简单地从单个标记配置弹出窗口。除此之外,还有开放而且关闭方法允许你在不触发OnOpen/OnClose事件的情况下切换弹出窗口的可见性。
使用
DateRangePicker组件包括验证模式,允许您定义是否在更改、模糊或输入时激活验证,从而允许您为给定的用例选择最佳的验证模式。
Blazor DateRangePicker的用户界面具有内置的本地化和全球化,允许客户端的自动文化感知格式,因此用户看到的日期是他们国家/地区的标准。例如,将format设置为“d”,不同位置的人将看到不同的格式:MM/dd/yyyy(美国)或dd/MM/yyyy(英国)。月份名称和按钮文本很容易翻译成任何语言。
DateRange Picker组件中的内置键盘导航为用户提供了仅使用键盘与组件进行交互的灵活性。
Telerik Blazor DateRangePicker有几个内置主题比如默认(我们自己的样式),材质(基于材质设计指南)和Bootstrap。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序.