在 Nativescript RadCalendar 中关闭选定的日期

Question

在我的 Nativescript + Angular 应用程序中，我使用的是 RadCalendar 组件。我有一个转到当天的自定义按钮。使用 android phone 我有一个问题：如果我滑动 2 个月并单击一个日期单元格，它会打开一个包含事件列表的部分。但是当我单击我的自定义按钮返回当天时，事件部分仍然打开。我试图强制关闭它，但以下代码不起作用。

HTML:

<ActionItem (tap)="onGoToDateTap()" verticalAlignment="center"
    horizontalAlignment="center">
    <Label height="25" class="link text-uppercase cold" color="#000000" text="Now"></Label>
</ActionItem>
... 
<RadCalendar [eventSource]="calendarEvents" id="calendar" #calendar (inlineEventSelected)="inlineEventSelected($event)"
(navigatingToDateStarted)="onNavigatingToDateStarted($event)" locale="en-EN" viewMode="month" eventsViewMode="Inline">
</RadCalendar>

打字稿：

onGoToDateTap() {
    this.calendar.nativeElement.selectedDate = undefined;
    this.calendar.nativeElement.resetNativeView();
    this.calendar.nativeElement.reload();
    const date = new Date();
    setTimeout(() => {
        this.calendar.nativeElement.goToDate(date);
        this.cdr.detectChanges();
    }, 400)
}

Answer 1

要关闭 android 上的活动，请使用 EventManager

 this.calendar.nativeElement.nativeView.eventsManager().closeEvents();

在 Nativescript RadCalendar 中关闭选定的日期

Close selected day in Nativescript RadCalendar

android

angular

calendar

nativescript

nativescript-angular