New to Kendo UI for jQuery? Start a free 30-day trial

Date

configuration

If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date.

date

Date

<div id="gantt1"></div>
<script>
    $("#gantt1").kendoGantt({
        dataSource: [{
            id: 1,
            orderId: 0,
            parentId: null,
            title: "Task1",
            start: new Date("2016/09/20 09:00"),
            end: new Date("2016/09/20 10:00")
        }],
        date: new Date("2016/09/20"),
        views: [
          {
              type: "day", selected: true,
              range: {
                  start: new Date("2016/09/1"),
                  end: new Date("2016/10/15")
              },
          }
        ]
    });
</script>