selectRange

Gets/Sets the selected range for the multiViewCalendar.

Parameters

range Object

The range to set. It should have a start and end properties with the respective dates.

Returns

Object The selected range of the multiViewCalendar. The object has a start and end properties.

Important: This method requires the selectable: "range" option to be set.

Example - gets the selected range for the widget

<div id="multiViewCalendar"></div>
<script>
    $("#multiViewCalendar").kendoMultiViewCalendar({
        range: {
            start: new Date(2018, 9, 10),
            end: new Date(2018, 10, 10)
        },
        selectable: "range"
    });

    var multiViewCalendar = $("#multiViewCalendar").data("kendoMultiViewCalendar");

    var range = multiViewCalendar.selectRange();
</script>

Example - sets the range of the widget

<div id="multiViewCalendar"></div>
<script>
    $("#multiViewCalendar").kendoMultiViewCalendar({
        selectable: "range"
    });

    var multiViewCalendar = $("#multiViewCalendar").data("kendoMultiViewCalendar");

    multiViewCalendar.selectRange({ start: new Date(2018, 9, 10), end: new Date(2018, 10, 10) });
</script>
In this article
Not finding the help you need? Improve this article