Date Ranges and Formats

The DatePicker enables you to set date ranges and formats.

To configure the date ranges, use the min and max properties. To set the date format, use the format property.

<div id="app">
    <kendo-datepicker :min="minDate"
                      :max="maxDate"
                      :value="currentDate"
                      :format="'yyyy/MM/dd'">
    </kendo-datepicker>
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            minDate: new Date(2017, 9, 1),
            maxDate: new Date(2017, 10, 1),
            currentDate: new Date(2017, 9, 15)
        }
    })
</script>

In this article