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

Messages.views

configuration

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

messages.views

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", "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>

messages.views.agenda

String

The text similar to "Agenda" displayed as scheduler "agenda" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    views: {
        agenda: "Events list"
    }
  },
  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.day

String

The text similar to "Day" displayed as scheduler "day" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    views: {
        day: "Today"
    }
  },
  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.month

String

The text similar to "Month" displayed as scheduler "month" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    views: {
        month: "Monthly"
    }
  },
  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.timelineMonth

String

The text similar to "Timelnie Month" displayed as scheduler "timelineMonth" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  views: [ "day", "month", "timelineMonth", "timelineWeek" ],
  messages: {
    views: {
        timelineMonth: "Month, but sideways"
    }
  },
  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.timelineWeek

String

The text similar to "Timelnie Week" displayed as scheduler "timelineWeek" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  views: [ "day", "month", "timelineMonth", "timelineWeek" ],
  messages: {
    views: {
        timelineWeek: "Week, but sideways"
    }
  },
  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.week

String

The text similar to "Week" displayed as scheduler "week" view title.

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  messages: {
    views: {
        week: "Weekly"
    }
  },
  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.year

String

The text similar to "Year" displayed as scheduler "year" view title.

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