您可以在Blazor Calendar组件中选择一个或多个日期。您可以使用它来表示事件所需的日期,在比调度程序更简洁的界面中预订约会,并向用户显示预先选择的日期。
Telerik Calendar提供了两种选择模式:
一天选择模式,用户只能选择一个日期(您可以解释为一天,一个月或一年,这取决于您让用户看到的视图)。
多个选择-您可以选择一个日期范围,挑选特定的日期,甚至从现有范围中排除某些日期(例如,在显示服务或资源的可用性时很有用)。
日历还可以阻止用户选择您想要禁用的某些日期——例如,因为您的商店或服务在某些时间关闭,或者某人不可用。
看到如何防止日期被选择.
您可以选择用户在Blazor日历中看到的内容——从单个月中的天数,到一年中的月份,再到十年中的年份。这让你可以定义他们的起点,他们将以多快的速度浏览时间。
您甚至可以通过编程方式更改他们看到的视图,或者知道他们何时更改了视图以进行导航。此外,您还可以设置它们可以导航到的最早日期和最晚日期,以便将它们限制在业务逻辑指定的最小-最大值范围内。
常规日历显示一个月或一个年。与Telerik Blazor日历,你可以向用户显示几个月这样他们就能意识到大局。
当用户更改所选日期时,当他们浏览前一个和下一个间隔时,当他们上升或下降视图以查看更大或更小的时间范围时,Blazor Calendar的Telerik UI会通知您。
要对日历单元格应用进一步的条件样式,现在可以使用CellRender事件并应用额外的逻辑。
使用Blazor Calendar
内置键盘导航意味着用户只能用键盘执行日历中的所有操作。该Telerik Blazor日历也符合网页无障碍标准(包括WCAG, Section 508和WAI-ARIA属性的屏幕阅读器)。
Telerik Blazor Calendar组件自动响应当前区域性。它取月份的名称,一周的天数和一周的第一天,而不需要设置任何属性。您还可以转换UI元素,如“Today”按钮和导航按钮工具提示。
Telerik Blazor日历有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序.