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

DateHeaderTemplate

configuration

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.

dateHeaderTemplate

String|Function

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