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

Question

是否可以像下面这样自定义angular2+ material datepicker's日期视图？

主要库和版本：

angular: 5.2.9
@angular/material: 5.2.4

Answer 1

幸运的是，我终于找到了解决方法。

Coz我正在使用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。