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

Messages

configuration

The configuration of the scheduler messages. Use this option to customize or localize the scheduler messages.

messages

Object

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        }
    ],
    messages: {
        allDay: "Full day",
        ariaEventLabel: "Event at {0:M/d/yyyy h:mm tt}",
        ariaSlotLabel: "Time slot",
        cancel: "Abort",
        deleteWindowTitle: "Remove event",
        destroy: "Remove",
        save: "Store",
        today: "Current day",
        defaultRowText: "All events"
    }
});
</script>

messages.allDay

String

The text similar to "all day" displayed in day,week and agenda views.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    allDay: "daily"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.ariaEventLabel

String

Specifies the format string used to populate the aria-label attribute value of the selected event element.

The arguments which can be used in the format string are:

{0} - represents the title of the selected event.
{1} - represents the start date of the event.
{2} - represents the start time of the event.

Default: "{0} on {1:D} at {2:t}"

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  selectable: true,
  date: new Date("2013/6/6"),
  messages: {
    ariaEventLabel: "Selected event is {0}. It starts on {1:d} {2:t}"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.ariaSlotLabel

String

Specifies the format string used to populate the aria-label attribute value of the selected slot element.

The arguments which can be used in the format string are:

{0} - represents the start date of the slot.
{1} - represents the end date of the slot.

Default: "Selected from {0:t} to {1:t}"

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  selectable: true,
  date: new Date("2013/6/6"),
  messages: {
    ariaSlotLabel: "Selected from {0:g} to {0:g}"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.cancel

String

The text similar to "Cancel" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    cancel: "Undo"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.date

String

The text similar to "Date" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    date: "Date"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.defaultRowText

String

The text similar to "All events" displayed in timeline views when there is no vertical grouping.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    defaultRowText: "Conference room"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.deleteWindowTitle

String

The text similar to "Delete event" displayed as the title of the Scheduler delete-event confirmation Dialog.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    deleteWindowTitle: "Remove event"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.destroy

String

The text similar to "Delete" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    destroy: "Destroy"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.editable

Object

The configuration of the scheduler editable messages. Use this option to customize or localize the scheduler editable messages.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        }
    ],
    messages: {
        editable: {
            confirmation: "Are you sure you want to delete this event?",
            destroy: "Delete",
            save: "Save"
        }
    }
});
</script>

messages.editor

Object

The configuration of the scheduler editor messages. Use this option to customize or localize the scheduler editor messages.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        }
    ],
    messages: {
        editor: {
            allDayEvent: "Full day event",
            description: "Event description",
            editorTitle: "Event Editor",
            end: "End time",
            endTimezone: "End timezone",
            repeat: "Recurrence",
            separateTimezones: "Use separate start and end time zones",
            start: "Start time",
            startTimezone: "Start timezone",
            timezone: "Timezone",
            timezoneEditorButton: "Time zone",
            timezoneEditorTitle: "Time zones",
            title: "Event title"
        }
    }
});
</script>

messages.event

String

The text similar to "Event" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    event: "Meeting"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.moreEventsPopover

Object

Configures the messages in the Month view overflow popover. These messages are processed only when the Month view has moreEventsPopover set to true.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2026/8/3"),
  views: [{ type: "month", selected: true, eventsPerDay: 1, moreEventsPopover: true }],
  messages: {
    moreEventsPopover: {
      eventsLabel: "Appointments",
      noEvents: "No appointments for this date."
    }
  },
  dataSource: [
    { id: 1, title: "Inspection", start: new Date("2026/8/3 09:00"), end: new Date("2026/8/3 10:00") },
    { id: 2, title: "Delivery", start: new Date("2026/8/3 11:00"), end: new Date("2026/8/3 12:00") }
  ]
});
</script>

messages.next

String

The tooltip of the next navigation button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  messages: {
    next: "Next"
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.noData

String

The text displayed in the Scheduler year view Tooltip when there are no events on the selected date.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  views: [
    {
      type: "year",
      months: 10
    },
  ],
  messages: {
    noData: "No appointments on this date."
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/1/1 08:00 AM"),
      end: new Date("2013/1/1 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.pdf

String

The text displayed by the PDF export button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  toolbar: ["pdf"],
  messages: {
    pdf: "PDF Export"
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.previous

String

The tooltip of the previous navigation button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  messages: {
    previous: "Previous"
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.recurrenceEditor

Object

The configuration of the scheduler recurrence editor messages. Use this option to customize or localize the scheduler recurrence editor messages.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting",
            recurrenceRule: "FREQ=WEEKLY;BYDAY=MO"
        }
    ],
    messages: {
        recurrenceEditor: {
            cancel: "Cancel",
            headerTitle: "Repeat",
            frequencies: {
                never: "Never",
                hourly: "Hourly",
                daily: "Daily",
                weekly: "Weekly",
                monthly: "Monthly",
                yearly: "Yearly"
            },
            daily: {
                repeatEvery: "Repeat every: ",
                interval: " day(s)"
            },
            weekly: {
                repeatEvery: "Repeat every: ",
                interval: " week(s) on:",
                repeatOn: "Repeat on:"
            },
            update: "Update"
        }
    }
});
</script>

messages.recurrenceMessages

Object

The configuration of the scheduler recurrence messages. Use this option to customize or localize the scheduler recurrence messages.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Recurring Meeting",
            recurrenceRule: "FREQ=WEEKLY"
        }
    ],
    messages: {
        recurrenceMessages: {
            deleteRecurring: "Do you want to delete only this event occurrence or the whole series?",
            deleteWindowOccurrence: "Delete current occurrence",
            deleteWindowSeries: "Delete the series",
            deleteWindowTitle: "Delete Recurring Item",
            editRecurring: "Do you want to edit only this event occurrence or the whole series?",
            editWindowOccurrence: "Edit current occurrence",
            editWindowSeries: "Edit the series",
            editWindowTitle: "Edit Recurring Item"
        }
    }
});
</script>

messages.refresh

String

The aria-label of the refresh toolbar button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  messages: {
    refresh: "Again"
  },
  views: ["day"],
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.resetSeries

String

The text of the reset series button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  messages: {
    resetSeries: "Reset Series"
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.save

String

The text similar to "Save" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    save: "Update"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.search

String

The Search input title and placeholder text.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  toolbar: [ "search" ],
  messages: {
    search: "test"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.selectView

String

The aria-label of the View select element.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  messages: {
    selectView: "Custom"
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.showFullDay

String

The text similar to "Show full day" used in scheduler "showFullDay" button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    showFullDay: "Show 24h"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.showWorkDay

String

The text similar to "Show business hours" used in scheduler "showWorkDay" button.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    showWorkDay: "Show work hours"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.time

String

The text similar to "Time" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    time: "Time of the day"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.today

String

The text similar to "Today" displayed in scheduler.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    today: "Current Date"
  },
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>

messages.views

Object

The configuration of the scheduler views messages. Use this option to customize or localize the scheduler views messages.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "workWeek", "week", "month", "agenda"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        }
    ],
    messages: {
        views: {
            day: "Day",
            week: "Week",
            workWeek: "Work Week",
            agenda: "Agenda",
            month: "Month"
        }
    }
});
</script>

Related Members