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.

Overrides the date option of the gantt.


<div id="gantt1"></div>
        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")
        views: [
              type: "day", selected: true,
              date: new Date("2016/09/20"),
              range: {
                  start: new Date("2016/09/1"),
                  end: new Date("2016/10/15")
In this article