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:

In this article
Not finding the help you need? Improve this article