Edit this page

views.dayHeaderTemplate String |Function

The template used to render the day slots in "day" and "week" views.

Example - dayHeaderTemplate set for "day" view.

<div id="gantt"></div>
<script>
  $("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  }],
  views: [
    {
      type: "day",
      dayHeaderTemplate: kendo.template("#=kendo.toString(start, 'D')#")
    },
    { type: "week" },
    { type: "month" }
  ]
});
</script>

Example - dayHeaderTemplate set for "day" view.

<div id="gantt"></div>
<script>
  $("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/22 11:00")
  }],
  views: [
    { type: "day"},
    { type: "week",
      dayHeaderTemplate: kendo.template("#=kendo.toString(start, 'd')#"),
      selected: true
    },
    { type: "month" }
  ]
});
</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