Пользовательский угловой календарь - PullRequest
Новая
       3

Пользовательский угловой календарь

0 голосов
/ 05 ноября 2019

Изображение прикреплено Я пытаюсь настроить угловой календарь так, чтобы он отображал календарь месяцев подряд, как показано на рисунке, прикрепленном к вопросу. Пожалуйста, найдите ссылку на фото и стек-блиц. Stackblitz: - https://stackblitz.com/edit/am-all-imports-8oydap?file=app/app.component.ts

<mat-card>
      <mat-calendar [dateClass]="dateClass()" [selected]="selectedDate" (selectedChange)="onSelect($event)"></mat-calendar>
    </mat-card>

  [![onSelect(event){
    console.log(event);
    this.selectedDate = event;
  }

  dateClass() {
    return (date: Date): MatCalendarCellCssClasses => {
      const highlightDate = this.datesToHighlight
        .map(strDate => new Date(strDate))
        .some(d => d.getDate() === date.getDate() && d.getMonth() === date.getMonth() && d.getFullYear() === date.getFullYear());

      return highlightDate ? 'special-date' : '';
    };
  }][1]][1]
...