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 represents the abbreviated name of the week day and 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.

Example - set the date header template

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