New to Telerik UI for ASP.NET Core? Start a free 30-day trial
Day Template
Updated over 6 months ago
The Calendar enables you to customize the rendered day for the month view.
The following example demonstrates how to create a Calendar by using a custom template.
Razor
@(Html.Kendo().Calendar() .Name("calendar") .MonthTemplate(x=> x.Content("<div class='custom'><#=data.value#></div>")))The template wraps the value in a <div> HTML element. The structure of the data object that is passed to the template function:
JS
data = { date: date, // A date object corresponding to the current cell. title: kendo.toString(date, "D"), value: date.getDate(), dateString: "2011/0/1" // A formatted date based on the yyyy/MM/dd format and a zero-based month. };