Angular kendo-ui datepicker 清除按钮

Question

有没有办法将清除按钮附加到 angular kendo-ui datepicker，如下所示？我知道如何通过 JQuery 完成，但不确定如何在角度 https://docs.telerik.com/kendo-ui/knowledge-base/datetimepicker-clear-button 中完成。我已经知道如何将其添加为单独的按钮，但我的目标是将其添加为日期选择器的一部分。

Answer 1

以下是我的做法。

在 HTML 中，

<kendo-datepicker 
    [ngClass]="fromdate-selector"
    [(ngModel)]="fromDate" placeholder="Enter Date..." [format]="'dd/MMM/yyyy'"></kendo-datepicker>
<span class="fromdate-separate"><b>|</b></span>
<span><button class="close-btn" (click)="clearDate()"><mat-icon>close</mat-icon></button></span>

在 TS 上，

public fromDate = null;
...
public clearDate(){
        this.fromDate = null;
}