Angular2+ material 自定义日期选择器日期视图

Question

是否可以自定义 angular2+ material datepicker's 日期视图，如下所示？

主要库和版本：

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+可以参考这个sample.