Angular kendo-ui日期选择器清除按钮

Question

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

​

​

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;
}