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.
<div id="multiViewCalendar"></div>
<script>
$("#multiViewCalendar").kendoMultiViewCalendar({
month: {
content: '<div class="custom"><#=data.value#></div>'
}
});
</script>
The template wraps the value in a <div> HTML element. The following example demonstrates the structure of the data object that is passed to the template function.
data = {
date: date, // A date object that corresponds to the current cell.
title: kendo.toString(date, "D"),
value: date.getDate(),
dateString: "2011/0/1" // The formatted date by using the yyyy/MM/dd format and the month is zero-based.
};