Change Week end/Non-working day

19 Sep 20171 minute to read

Non-working days/weekend are used to represent the non-productive days in a project. It is possible to change the non-working days in a week using the workWeek property in Gantt.

By default, Saturdays and Sundays are considered as non-working days/weekend in a project.

The following code example explains how to change weekend/non-working days

  • <ej-gantt id="GanttControl"
        [workWeek]= "workWeek">
  • import {Component} from '@angular/core';
        selector: 'ej-app',
        templateUrl: 'app/app.component.html',
    export class AppComponent {
        public workWeek: any;
        constructor() {
            this.workWeek = ["Sunday","Monday","Tuesday","Wednesday","Thursday"]

    The above code example makes Fridays and Saturdays as non-working days in a week.

    The above screen shot will be displayed after changing the non-working days in Gantt.