Progress Telerik UI for Blazor

Blazor日历

  • 使用Blazor日历组件,您可以导航,显示和选择从一个月,通过多个月,到几年,几十年和世纪。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor日历概述

    Telerik Blazor Calendar是一个可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作的组件,可以显示一个月中的天数,一年中的月份,甚至十年中的年份。它提供了各种日历视图选项——月、年和十年视图——帮助您快速导航到所需的日期。日历支持最小日期、最大日期和禁用日期,以限制特定日期的选择。你可以浏览时间,选择日期,并在自己的文化设置和语言中查看所有这些内容。
    Telerik UI Blazor日历概述
  • 日历日期选择

    您可以在Blazor Calendar组件中选择一个或多个日期。您可以使用它来表示事件所需的日期,在比调度程序更简洁的界面中预订约会,并向用户显示预先选择的日期。


    Telerik Calendar提供了两种选择模式:

    • 一天选择模式,用户只能选择一个日期(您可以解释为一天,一个月或一年,这取决于您让用户看到的视图)。

    • 多个选择-您可以选择一个日期范围,挑选特定的日期,甚至从现有范围中排除某些日期(例如,在显示服务或资源的可用性时很有用)。

    • 范围选择-选择一个日期范围(例如,在预订服务或资源时,或在一个时间范围内搜索时,这可能很有用)。

    Telerik UI Blazor日历选择
  • Blazor日历禁用日期

    日历还可以阻止用户选择您想要禁用的某些日期——例如,因为您的商店或服务在某些时间关闭,或者某人不可用。

    看到如何防止日期被选择

    Telerik UI为Blazor日历禁用日期
  • 日程表视图

    您可以选择用户在Blazor日历中看到的内容——从单个月中的天数,到一年中的月份,再到十年中的年份。这让你可以定义他们的起点,他们将以多快的速度浏览时间。


    您甚至可以通过编程方式更改他们看到的视图,或者知道他们何时更改了视图以进行导航。此外,您还可以设置它们可以导航到的最早日期和最晚日期,以便将它们限制在业务逻辑指定的最小-最大值范围内。


    Telerik UI Blazor日历视图
  • Blazor日历多视图

    常规日历显示一个月或一个年。与Telerik Blazor日历,你可以向用户显示几个月这样他们就能意识到大局。

    Telerik UI为Blazor日历多视图
  • Blazor日历导航

    用户可以轻松地浏览一个月中的几天,几十年和几个世纪,这样他们就可以快速选择他们想要的日期。


    Telerik UI Blazor日历导航
  • 日历CellRender

    当用户更改所选日期时,当他们浏览前一个和下一个间隔时,当他们上升或下降视图以查看更大或更小的时间范围时,Blazor Calendar的Telerik UI会通知您。

    要对日历单元格应用进一步的条件样式,现在可以使用CellRender事件并应用额外的逻辑。

    日历- CellRender事件
  • Blazor日历头模板

    使用Blazor Calendar 你可以自定义在组件头中呈现的内容。您可以呈现图像或其他组件或应用自定义样式。

    查看在Blazor日历头中呈现的自定义内容的示例。

    Telerik Blazor日历头模板
  • 日历辅助功能和键盘导航

    内置键盘导航意味着用户只能用键盘执行日历中的所有操作。该Telerik Blazor日历也符合网页无障碍标准(包括WCAG, Section 508和WAI-ARIA属性的屏幕阅读器)。

    Telerik UI for ASP。网络核心Accessibility
  • Blazor日历全球化和本地化

    Telerik Blazor Calendar组件自动响应当前区域性。它取月份的名称,一周的天数和一周的第一天,而不需要设置任何属性。您还可以转换UI元素,如“Today”按钮和导航按钮工具提示。

    Telerik UI的开拓者全球化和本地化
  • 日历模板

    模板允许您自定义Calendar组件的日视图。它们使您能够灵活地为每天或一组天呈现不同的自定义内容,例如工作日和周末、国家法定假日或其他特定于应用程序的类别。
    Telerik UI为Blazor日历模板
  • 日历主题

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

    Telerik UI的Blazor日历主题

所有Blazor组件

下一个步骤

发射演示

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

下载免费试用

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

Baidu
map