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

SelectRange

methods

Gets/Sets the selected range for the calendar.

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 calendar. The object has a start and end properties.

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

    var calendar = $("#calendar").data("kendoCalendar");

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

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

    var calendar = $("#calendar").data("kendoCalendar");

    calendar.selectRange({ start: new Date(2018, 9, 10), end: new Date(2018, 10, 10), target: "start" });
</script>