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

Date

methods

Sets date to the widget that will scroll the timeline of the current view to this date.

date

Returns:Date

that is set to the currently seleted view.

 <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")
        }],
        views: [
          {
              type: "day", selected: true,
              range: {
                  start: new Date("2016/09/1"),
                  end: new Date("2016/10/15")
              }
          }
        ]
});
var gantt = $("#gantt1").data("kendoGantt");
gantt.date(new Date("2016/09/20"));
</script>