Blazor日历概述

的Blazor日历组件允许用户滚动公历并选择一个或多个日期。您可以控制用户可以缩放日历的级别(例如，到月或年)，用户可以导航到的最小和最大日期是什么，以及他们是否可以选择一个或多个日期。

Calendar组件是的一部分为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。

下载免费试用

创建Blazor日历

1. 使用TelerikCalendar标记将组件添加到剃刀页面。

2. 设置允许的最小和最大日期最小值而且马克斯参数。

3. 处理ValueChanged事件。

4. 设置值绑定。

@*主要日历功能，ValueChanged事件处理。*@ 
   
选中的日期是:@ selecteddate @code {private DateTime Min= new DateTime(2015, 1,1);private DateTime max = new DateTime(2025, 12,31);private DateTime date {get;设置;} = DateTime.Now;private string selectedDate = ";MyValueChangeHandler(DateTime newValue) {selectedDate = newValue。ToString("dd MMM yyyy");}}

导航

Calendar导航允许用户在表示不同时间段的几个视图中导航，例如，一个月或一年。您可以控制用户开始时的日历级别(视图)、他们可以进入的细节(视图)、最小值、最大值和当前日期。方法可使日历以编程方式显示特定日期日期而且视图支持双向绑定的参数。阅读更多关于日历导航…

选择

日历允许您配置日期选择的各个方面。您可以控制用户是否只能选择一个或多个日期。您可以创建禁用日期的集合，以便用户不能从中选择或定义可选择的天数范围。阅读更多关于日历选择…

模板

Calendar提供了不同类型的模板来定制组件的内容和样式。这些包括月单元格、年单元格、年单元格、世纪单元格和标题模板．

多个视图

您可以通过呈现Calendar的多个实例来显示更大范围的日期，以便用户更容易找到所需的日期。阅读更多关于日历中的多个视图…

事件

日历生成您可以处理和进一步定制ist行为的事件。阅读更多关于Blazor日历事件…．

日历参数

Blazor Calendar提供了各种参数，允许您配置组件。还要检查Calendar的公共API．

造型和外观

以下参数使您能够自定义Blazor日历的外观:

日历参考和方法

类向组件实例添加引用以使用日历的方法．

 Go ToPreviousMonth  Go ToNextMonth  
  @code {TelerikCalendar Calendar {get;设置;} DateTime CalendarValue {get;设置;} = DateTime.Now;DateTime日历日期{get;设置;} = DateTime.Now;void GoToPreviousMonth() {Calendar.NavigateTo(CalendarDate.AddMonths(-1)， CalendarView.Month);} void GoToNextMonth() {Calendar.NavigateTo(CalendarDate.AddMonths(1)， CalendarView.Month); } }

下一个步骤

• 配置日期选择

• 使用日历事件

另请参阅

• 导航
• 选择
• 多个视图
• 现场演示:日历
• API参考