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

Messages

configuration

Allows localization of the strings that are used in the widget.

messages

Object

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    "weekNumber": true,
    "messages": {
        "weekColumnHeader": "W"
    }
 })
</script>

messages.navigateTo

String

Allows customization of the "Navigate to " text that would be used for title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view.

Default: "Navigate to "

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    "weekNumber": true,
    "messages": {
        "navigateTo": "Go to "
    }
 })
</script>

messages.parentViews

Object

Allows customization of names of the views used in the title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view.

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    "weekNumber": true,
    "messages": {
        "parentViews": {
            month: "Go to year view",
            year: "Go to decade view",
            decade: "Go to century view"
        }
    }
 })
</script>

messages.today

String

Allows customization of the text of the Today button present in the widget in its modern rendering.

Default: "Today"

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    componentType: "modern",
    messages: {
        today: "Click me"
    }
 })
</script>

messages.weekColumnHeader

String

Allows customization of the week column header text. Set the value to make the widget compliant with web accessibility standards.

Default: ""

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
    "weekNumber": true,
    "messages": {
        "weekColumnHeader": "W"
    }
 })
</script>

Messages

messages

messages.navigateTo

messages.parentViews

messages.today

messages.weekColumnHeader

Related Members