New to Kendo UI for jQuery? Start a free 30-day trial

SelectRange

methods

Gets/Sets the selected range for the multiViewCalendar.

selectRange

Parameters:rangeObject

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.

<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>

<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>