Day Template
The MultiViewCalendar enables you to customize the rendered day for the month view.
The following example demonstrates how to create a MultiViewCalendar by using a custom template.
Example
<kendo-multiviewcalendar name="multiviewcalendar">
<month content="<div class='custom'><#=data.value#></div>"/>
</kendo-multiviewcalendar>
@(Html.Kendo().MultiViewCalendar()
.Name("MultiViewCalendar")
.MonthTemplate("<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:
data = {
date: date, // Date object corresponding to the current cell
title: kendo.toString(date, "D"),
value: date.getDate(),
dateString: "2011/0/1" // formatted date using yyyy/MM/dd format and month is zero-based
};
See Also
Other articles on the Kendo UI MultiViewCalendar: