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

Globally Modify Default Options

The following example demonstrates how to globally modify the default options in the DatePicker.

    <input id="datepicker" value="10/10/2011" style="width:150px;" />
    <br />
    <br />
    <input id="monthpicker" value="November 2011" style="width:150px" />
      kendo.ui.DatePicker.fn.options.parseFormats = ["MMMM yyyy"];
      $(document).ready(function() {
        // create DatePicker from input HTML element
        var datepicker = $("#datepicker").kendoDatePicker().getKendoDatePicker();

          // defines the start view
          start: "year",

          // defines when the calendar should return date
          depth: "year",

          // display month and year in the input
          format: "MMMM yyyy"
        console.log(datepicker.options.parseFormats); // display the set options

See Also

For more runnable examples on the Kendo UI DatePicker, browse its How To documentation folder.

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