Multiple Views
The Telerik UI MultiViewCalendar allows you to define the number of views and months that are displayed at a time.
In some scenarios it might be necessary to display more than two months. This is especially helpful when performing range selection between months.
@(Html.Kendo().NumericTextBox()
.Name("numberOfViews")
.RestrictDecimals(true)
.Decimals(0)
.Min(2)
.Max(10)
.Value(2)
.Format("{0:n0}")
)
@(Html.Kendo().Button()
.Name("numberOfViewsBtn")
.Content("Apply Changes")
.Events(ev => ev.Click("click"))
)
@(Html.Kendo().MultiViewCalendar()
.Name("multiViewCalendar")
)
<script>
function click() {
var numberOfViews = $("#numberOfViews").data().kendoNumericTextBox.value();
if (numberOfViews > 0) {
$("#multiViewCalendar").data().kendoMultiViewCalendar.setOptions({ numberOfVies: numberOfViews });
}
}
</script>