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

Range

configuration

Configures the Kendo UI DateRangePicker range settings.

range

Object

<div id="daterangepicker"></div>
<script>
$("#daterangepicker").kendoDateRangePicker({
    range: {
        start: new Date(2024, 0, 15),
        end: new Date(2024, 0, 25)
    }
});
</script>

range.end

Date

This sets the end date of the range selection.

<div id="daterangepicker1"></div>
<script>
    $("#daterangepicker1").kendoDateRangePicker({
        range: {
            start: new Date(2019, 10, 11),
            end: new Date(2019, 10, 22)
        }
    });
</script>

range.start

Date

This sets the start date of the range selection.

<div id="daterangepicker1"></div>
<script>
    $("#daterangepicker1").kendoDateRangePicker({
        range: {
            start: new Date(2019, 10, 11),
            end: new Date(2019, 10, 22)
        }
    });
</script>