views.range Object

Configures the view range settings.

views.range.start Date

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

Overrides the range.start option of the gantt.

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")
   }],
   views: [
     { type: "day" },
     { type: "week", selected: true,
       range: {
           start: new Date("2016/06/2")
         }},
     { type: "month" }
   ]
 });
 </script>

views.range.end Date

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

Overrides the range.end option of the gantt.

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")
   }],
   views: [
     { type: "day" },
     { type: "week", selected: true,
       range: {
           end: new Date("2016/06/29")
         }},
     { type: "month" }
   ]
 });
 </script>