如何在选择相同日期时关闭日历 kendo-datepicker Angular？

Question

我有一个<kendo-datepicker/>。它工作得很好，但是它没有机会 select 前一个日期两次。

例如，如果我选择以下日期 1.1.2018，则 <kendo-datepicker/> 会在 selected 日期结束。没关系。
但是，如果我想要 select 相同的日期 1.1.2018，那么 <kendo-datepicker/> 不会与 selected 日期关闭。

You can reproduce this behaviour at Basic Usage of Overview of kendo-datepicker.

是否可以在我选择日期(1.1.2018)后选择相同的日期(1.1.2018)？

Answer 1

我决定在日历当天处理点击事件，并在 kendo-datepicker 上使用 toggle 方法折叠日历。

所以我们有 kendo-datepicker:

<kendo-datepicker #kendoDataPicker>
    <ng-template kendoCalendarCellTemplate let-date>
        <div (click)="handleClickCell(kendoDataPicker, date)">
            {{date.getDate()}}
        </div>
    </ng-template>
</kendo-datepicker>

和JavaScript代码：

handleClickCell(kendoDataPicker : any, selectedDate: any){
    if( kendoDataPicker.hasOwnProperty('_value')
        && typeof( kendoDataPicker._value)!=='undefined'
        && typeof( selectedDate)!=='undefined'
        && selectedDate.toString() === kendoDataPicker._value.toString()
      ){
            kendoDataPicker.toggle();
    }
}

太酷了toggle()方法kendo-datepicker方法可以解决日历是否应该折叠。