Angular кнопка очистки kendo-ui datepicker - PullRequest
0 голосов
/ 13 февраля 2020

Есть ли способ добавить кнопку очистки к angular kendo-ui datepicker, как показано ниже? Я знаю, как это можно сделать через JQuery, но не знаю, как это сделать в angular https://docs.telerik.com/kendo-ui/knowledge-base/datetimepicker-clear-button. Я уже знаю, как добавить его как отдельную кнопку, но моя цель - добавить его как часть средства выбора даты.

enter image description here

1 Ответ

0 голосов
/ 21 февраля 2020

Ниже, как я это сделал.

На 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;
}
...