Edit this page

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

Give article feedback

Tell us how we can improve this article

close
Dummy