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

Range

methods

Gets/Sets the selected range for the DateRangePicker.

range

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

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

    var daterangepicker = $("#daterangepicker").data("kendoDateRangePicker");

    var range = daterangepicker.range();
</script>

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

    var daterangepicker = $("#daterangepicker").data("kendoDateRangePicker");

    daterangepicker.range({ start: new Date(2018, 9, 10), end: new Date(2018, 10, 10) });
</script>