Edit this page

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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy