1

我在我的 Angular 7 项目中使用 PrimeNg 日历,想在组件级别的某些条件下禁用月份导航器。例如:当前月份是二月,我想在三月之后禁用月份导航器。

在此处输入图像描述

使用:host 和 ::ng-deep我可以覆盖 CSS 文件中的 Primeng 样式

:host ::ng-deep .ui-datepicker .ui-datepicker-header .ui-datepicker-next{  
 display:none;

}

但我想在组件中更改样式。尝试以下代码,但无法正常工作

   let datePickerNext = document.querySelectorAll('.ui-datepicker .ui-datepicker-header .ui-datepicker-prev');
datePickerNext.forEach(element => {
  element.setAttribute("style", " margin-top: 0.6em;opacity: 0.2;");
});

实现这一目标的任何想法

4

0 回答 0