views.rangeObject

Configures the view range settings.

views.range.startDate

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

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>