Active View and View Depth

The DateTimePicker enables you to define the first and last initial views as well as the last view to which the user can navigate.

To define the first view that the Calendar initially renders, use the start option.

The DateTimePicker supports the following predefined view options:

  • month—Shows the days of the month.
  • year—Shows the months of the year.
  • decade—Shows the years of the decade.
  • century—Shows the decades of the century.
<div id="vueapp" class="vue-app">
    <kendo-datetimepicker :start="'year'"
                      :depth="'year'"
                      ></kendo-datetimepicker>    
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp'
})        

In this article