динамическое представление угловой составляющей графика синфузии

Question

При параметризации компонента «Расписание в угол» я хотел бы знать, можно ли как-то определить время начала и время окончания дня.

Я бы хотел определить для каждого дня, что являетсявремя начала и время окончания.

Так как этот пример Я понял, что время начала и время окончания для каждого дня, я хотел бы установить время начала и время окончания для каждогодень.

  const resourceObject = {
    text: p.nome, id: p.id,
    color: '#848484', workDays: daysNumber, 
     startHour: '13:00', endHour: '18:00'
  };

Answer 1

Мы подготовили приведенный ниже пример, чтобы иметь разные рабочие часы в день с использованием события DataBinding.

https://stackblitz.com/edit/angular-fxqnrc-njutc8?file=app.component.ts

См. Ниже UG.

https://ej2.syncfusion.com/angular/documentation/api/schedule/#setworkhours

if (this.flag) {
  if (
    this.scheduleObj.currentView !== "Month" &&
    this.scheduleObj.currentView !== "Agenda"
  ) {
    var currentViewDates = this.scheduleObj.getCurrentViewDates();
    for (var i = 0; i < currentViewDates.length; i++) {
      switch ((currentViewDates[i] as any).getDay()) {
        case 0:
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "06:00",
            "14:00"
          );
          break;
        case 1:
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "08:00",
            "14:00"
          );
          break;
        case 2:
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "07:00",
            "20:00"
          );
          break;
        case 3:
        debugger;
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "09:00",
            "13:00"
          );
          break;
        case 4:
        debugger
           this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "06:00",
            "14:00"
          );
          break;
        case 5:
        debugger
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "08:00",
            "15:00"
          );
          break;
        case 6:
          this.scheduleObj.setWorkHours(
            [currentViewDates[i]],
            "07:00",
            "19:00"
          );
      }
    }
  }
  this.flag = false;
}