Edit this page

range Object

Configures the Kendo UI Gantt range settings.

range.start Date

If set to some date the timeline of all views will start from this date.

Example

 <div id="gantt"></div>
 <script>
 $("#gantt").kendoGantt({
   dataSource: [{
     id: 1,
     orderId: 0,
     parentId: null,
     title: "Task1",
     start: new Date("2016/6/17 9:00"),
     end: new Date("2016/6/20 11:00")
   }],
   range: {
      start: new Date("2016/06/2")
   },
   views: [
     { type: "day" },
     { type: "week", selected: true },
     { type: "month" }
   ]
 });
 </script>

range.end Date

If set to some date the timeline of all views will end to this date.

Example

 <div id="gantt"></div>
 <script>
 $("#gantt").kendoGantt({
   dataSource: [{
     id: 1,
     orderId: 0,
     parentId: null,
     title: "Task1",
     start: new Date("2016/6/17 9:00"),
     end: new Date("2016/6/20 11:00")
   }],
   range: {
      end: new Date("2016/06/29")
   },
   views: [
     { type: "day" },
     { type: "week", 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