通过在 ngx-bootstrap 日期选择器中动态设置属性来突出显示"dateCustomClasses"日期

Question

我想用"dateCustomClasses"angular 8中ngx bootstrap日期选择器的属性。如果我在初始化时在构造函数中提供日期，这是有效的，但当我动态设置此属性时，它不起作用。

这是我的代码：

schedule.component.html

<bs-datepicker-inline
bsDatepicker
[bsConfig]="proofDatepickerConfig"
name="interviewDate"
(bsValueChange)="onValueChange($event)">
</bs-datepicker-inline>

计划组件.ts

proofDatepickerConfig: Partial<BsDatepickerConfig>;
getInterviewScheduling() {

this._candidateService.getinterviewScheduling().subscribe((res: any) => {

this.proofDatepickerConfig = Object.assign( {},
{
containerClass: 'theme-default',
showWeekNumbers: false,
minDate: new Date(),
dateCustomClasses: [{ date: new Date(res.result.availabilityDates), classes: ['bg-warning'] }],
}
);
});
}

Answer 1

能否将date属性更改为today日期并进行检查。如果有效，则问题在于您的响应对象res.result.availabilityDates，并验证是否向date对象传递了正确的值。

import { DatepickerDateCustomClasses } from 'ngx-bootstrap/datepicker';
dateCustomClasses: DatepickerDateCustomClasses[];
this.dateCustomClasses = [
{ date: new Date();, classes: ['bg-danger', 'text-warning'] }
];

请查看此链接以获取您的参考资料(https://stackblitz.com/edit/angular-dafgtl?embed=1&file=app/ngx引导程序演示.component.ts(