角度材料日期选择器关闭事件

Question

我正在使用 Angular 材料日期选择器，如下所示。当日期选择器关闭时，我需要应用 CSS。仅供参考，我没有任何按钮来关闭弹出窗口

代码：

 <input
          matInput
          #resultPickerModel="ngModel"
          [matDatepicker]="pickerEndDate"
          [(ngModel)]="endDate"
          (click)="pickerEndDate.open()"
          name="endDate"
          [min]="minStartDate"
          [max]="maxEndDateDate"
        />
        <mat-datepicker #pickerEndDate></mat-datepicker>

我的期望是我需要在日历关闭时应用 CSS。请帮我做到这一点

Answer 1

只需您可以使用close事件，然后根据您的逻辑，您可以使用应用您的CSSngStyle

<mat-datepicker #picker (closed)="onClose()"></mat-datepicker>

<div [ngStyle]="{'background-color':condition ? 'green' : 'red' }" ></div>


onClose(){
    //your condition logic
  }