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

Chen Dachao

是否可以自定义如下所示的angular2 +材质datepicker的日期视图?

在此处输入图片说明

主要库和版本:

angular: 5.2.9
@angular/material: 5.2.4
Chen Dachao

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

怎么把我使用angular5,所以一个可能的解决方案是像这样,请参见下面的代码片段:

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 +,您可以参考此示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章