我在我的 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;");
});
实现这一目标的任何想法