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

Calendar Types

By default, the DatePicker works with JavaScript Date objects which support only the Gregorian calendar.

As a result, the DatePicker does not support other calendar types such as Lunar.

To work around the default behavior of the widget and simulate a different calendar type, use either of the following approaches:

  • Use the JavaScript Date object.
  • Create a date that is in the past.
    <label for="gregorianStyle">Gregorian year:</label>
    <input id="gregorianStyle" type="text" />
    <label for="lunarStyle">Lunar year:</label>
    <input id="lunarStyle" type="text" />
<h4>Disclamer: In both cases, the DatePicker uses the Gregorian calendar date. The second widget only displays the Gregorian date with the Lunar year.</h4>

$(function() {
    var gregorian = new Date(2000, 10, 10); // A date using the Gregorian calendar.
    var lunar = new Date(1497, 10, 10); // A date using the Gregorian calendar but created in a Lunar year.

    $("#gregorianStyle").kendoDatePicker({ value: gregorian });
        min: new Date(1400, 0, 1),
        value: lunar

See Also

In this article