Angular2 + материал настроить дату выбора даты

Question

Можно ли настроить angular2 + материал DatePicker вид даты, как показано ниже?

Основные библиотеки и версия:

angular: 5.2.9
@angular/material: 5.2.4

Answer 1

К счастью, я выясняю, как решить эту проблему окончательно.

Потому что я использую angular5, поэтому одно из возможных решений, например, this , см. Фрагмент ниже:

setTimeout(()=>{
      let elements = document.querySelectorAll('.tracker');
      let x =  elements[0].querySelectorAll('.mat-calendar-body-cell');
      x.forEach(y => {
        let c = new Date(y.getAttribute("aria-label"));
        if(c < this.startDate){
          const cellContent = y.querySelector('.mat-calendar-body-cell-content');
          cellContent.classList.add('custom-calendar-cell');
        }
      });
    });

Для angular6 + вы можете обратиться к этому образцу .