Как исправить неправильное отображение дней недели в dx-календаре?

У меня проблема с компонентом dx-calendar из devExtreme. Я попытался установить первый день недели равным 1, чтобы установить понедельник в качестве первого дня недели. Даты компонентов работают нормально. Но проблема в заголовке. Я использую Angular 7 и devExtreme 18.

См. это изображение здесь: (https://drive.google.com/open?id=11g3igXM1lNfC03xsGeAN173uDlkXgBNH )

  <dx-calendar
    firstDayOfWeek="1"
    (onInitialized)="onInitialized()"
    (onValueChanged)="onValueChanged($event)"
    cellTemplate="custom"
  >
    <span
      *dxTemplate="let cell of 'custom'"
      [ngClass]="getCellCssClass(cell.date)">
      {{ cell.text }}
    </span>
  </dx-calendar>

...
  onInitialized() {
    const today = new Date();
    setTimeout(() => {
      $('.dx-calendar-caption-button span.dx-button-text').html(this.getFormatedDateString(today));
    }, 100);
  }
...
  getCellCssClass(date: string) {
    let cssClass = 'date ';
    const today = new Date();
    const d = new Date(date);
    const matchCase = this.specialDates.find((item) => {
      return item.date.toUTCString().substr(0, 16) === d.toUTCString().substr(0, 16);
    });
    if (matchCase === undefined) {
      if (today.toUTCString().substr(0, 16) === d.toUTCString().substr(0, 16)) {
        cssClass += 'today';
      }
    } else {
      cssClass += 'type' + matchCase.type;
    }
    return cssClass;
  }
...

angular calendar devextreme devextreme-angular
person Ever    schedule 29.08.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я просто пытаюсь использовать dx-календарь, в вашем коде отсутствует [] для опции «firstDayOfWeek».

<dx-calendar [firstDayOfWeek]="1"></dx-calendar>
person Yew Hong Tat    schedule 29.08.2019
comment
О, да, это работает! Спасибо. И можете ли вы сказать мне разницу между firstDayOfWeek="1" и [firstDayOfWeek]="1"? Я знаю основную разницу между ними, но я думаю, что они одинаковы, когда я использую их с постоянными числами. - person Ever; 01.09.2019
comment
Чтобы передать переменную компоненту, вам нужно использовать [], чтобы angular распознал этот атрибут как ввод для передачи в компонент. Вы можете прочитать больше здесь: angular.io/guide/template-syntax#in- родитель - person Yew Hong Tat; 01.09.2019