Validating Schedule Dates in EJ 1 Angular Gantt

19 Sep 2017 / 1 minute to read

Validating schedule dates is used to change the schedule start date and end date dynamically. By this support, 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 scheduleStartDate or ScheduleEndDate through cell editing, taskbar editing, dialog editing or toolbar operation, then the scheduleStartDate and ScheduleEndDate can be dynamically updated based on that task item’s date.

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

javascript

<ej-gantt id="GanttControl" [toolbarSettings]="toolbarSettings"
    scheduleStartDate= "02/01/2014"
    scheduleEndDate= "03/14/2016"
    //...>
</ej-gantt>

javascript

import {Component} from '@angular/core';

@Component({
    selector: 'ej-app',
    templateUrl: 'app/app.component.html'
})
export class AppComponent {
    public toolbarSettings: any;
    constructor() {
        //...
        this.toolbarSettings = {
            showToolbar: true,
            toolbarItems: [
                ej.Gantt.ToolbarItems.PrevTimeSpan,
                ej.Gantt.ToolbarItems.NextTimeSpan,
            ]
            // ...
        }
    }
}

The following screenshot illustrates the output of the above code.