nativescript-angular - radcalendar保持今天的日期为选中状态

Question

我已经在我的Nativescript Angular项目中实现了RadCalendar。

<GridLayout>
    <ScrollView class="page">
        <StackLayout class="home-panel">
            <Button text="Clear" (tap)="onClearTap()"></Button>
            <RadCalendar height="1000px" [viewMode]="viewMode" #mainCalendar
                [selectionMode]="selectionMode" [eventSource]="calEvents"
                (loaded)="calendarLoaded($event)"
                [eventsViewMode]="eventsViewMode"
                [selectedDate]="selectedDate" [displayedDate]="selectedDate">
            </RadCalendar>
        </StackLayout>
    </ScrollView>
</GridLayout>

在构造函数中，我为今天的日期添加了一个事件。

constructor() {
    let eventDate = new Date();
    eventDate.setDate(eventDate.getDate());
    let event = new CalendarEvent("XXX", eventDate, eventDate, true);
    this.calEvents.push(event);
    this.mainCalendar.selectedDate = eventDate;
}

我试图保持今天的日期是默认选择的，并在用户访问日历时列出它下面的事件。现在，用户必须单击今天的日期才能看到它下面的事件。

我试着用selectedDate选择今天的日期，但是没用。

有人能告诉我怎么做吗？谢谢!

这是一个playground link

Answer 1

构造函数代码应该移到NgOnInit中。

ngOnInit(): void {
    let eventDate = new Date();
    eventDate.setDate(eventDate.getDate());
    let event = new CalendarEvent("XXX", eventDate, eventDate, true);
    this.calEvents.push(event);
    this.mainCalendar.selectedDate = eventDate;
}

Answer 2

试着这样放nativeElement：

this.mainCalendar.nativeElement.selectedDate = eventDate；