Validating Schedule Dates in JQuery Gantt widget

9 Feb 20181 minute to read

Validating schedule dates is used to change the schedule start date and end date dynamically. By this support, the scheduleStartDate and scheduleEndDate can be automatically updated from the data source. When you change the date of any task item to the date that is beyond the scheduleStartDate or scheduleEndDate through cell editing, taskbar editing and dialog editing or toolbar operation, then the scheduleStartDate and scheduleEndDate can be dynamically updated based on that task item’s date.

ThePrevTimeSpan and NextTimeSpan toolbar items are used to create new time span based on the schedule mode.

  • $(function () {
                    // ...
                    //scheduleStartDate: "02/01/2014",
                    //scheduleEndDate: "03/14/2016",
                    toolbarSettings: {
                        showToolbar: true,
                        toolbarItems: [
                        ej.Gantt.ToolbarItems.NextTimeSpan, ]
                     // ...

    The following screenshot illustrates the output of the above code.