views.dateHeaderTemplate String|Function

The template used to render the date header cells.

By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier, a.k.a abbreviated name of the week day, will be localized using the current Kendo UI culture. If the developer wants to control the day and month order then one needs to define a custom template.

The fields which can be used in the template are:

  • date - represents the major tick date.

The dateHeaderTemplate option is supported when views.type is set to "day", "week", "workweek" and "timeline" views.

Example - set the date header template

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  views: [
    {
      type: "day",
      dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'd')#</strong>")
    },
  ],
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>
In this article
Not finding the help you need?