gpt4 book ai didi

Angular Material 日期选择器关闭事件

转载 作者:行者123 更新时间:2023-12-05 08:50:22 27 4
gpt4 key购买 nike

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

代码:

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

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

最佳答案

只需使用 close 事件,然后根据您的逻辑,您可以使用 ngStyle 应用您的 css

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

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


onClose(){
//your condition logic
}

关于 Angular Material 日期选择器关闭事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62299041/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com