当选择相同的日期时，如何启用日历的关闭？

Question

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

例如，如果选择以下日期1.1.2018，则<kendo-datepicker/>将以选定日期结束。这没什么。

但是，如果我想选择相同的日期1.1.2018，那么<kendo-datepicker/>不会关闭所选的日期。

您可以在概述的基本用法中再现此行为 kendo-datepicker.

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

Answer 1

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

所以我们有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方法可以计算出日历是否应该折叠，这是非常酷的。