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.
<ej-gantt id="GanttControl" [toolbarSettings]="toolbarSettings"
scheduleStartDate= "02/01/2014"
scheduleEndDate= "03/14/2016"
//...>
</ej-gantt>
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.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page