DatePicker Overview

The DatePicker enables the user to select a date from a calendar or through a direct input.

It provides options for using custom templates for its Month view, setting minimum and maximum dates, a start view, and a depth for navigation.

Kendo UI for jQuery Kendoka image

The DatePicker is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the DatePicker

The following example demonstrates how to initialize the DatePicker.

  • The DatePicker copies any styles and CSS classes from the input element to the wrapper element and visible input.
  • The first day of the week in the DatePicker calendar depends on the applied culture.
    <input id="datePicker" />

    <script>
        $(document).ready(function(){
            $("#datePicker").kendoDatePicker();
        });
    </script>

Functionality and Features

For more information on implementing specific scenarios, refer to the Knowledge Base section.

Events

For a complete example on basic DatePicker events, refer to the demo on using the events of the DatePicker.

See Also

In this article
Not finding the help you need? Improve this article