Century Cells Format

Starting with Kendo UI suite R2 2024, the Calendar component provides two formats for the decades listed in the century view:

• long (default)—Shows decades in the YYYY-YYYY format (for example: 2010-2019).
• short—Shows only the starting year of the decade (for example: 2010).

To change the way decades display in the Calendar century view, you can use centuryCellsFormat.

The following example shows how to change the display format for decades in the Century view.

    <div id="calendar"></div>
    <script>
        $("#calendar").kendoCalendar({
            centuryCellsFormat: "short",
            start: "century"
        });
    </script>

See Also

• Century Cells Format Demo of the Calendar
• JavaScript API Reference of the Calendar