nativescript angular-radcalendar-keep today';选择的日期
我已经在我的Nativescript Angular项目中实现了RadCalendarnativescript angular-radcalendar-keep today';选择的日期,nativescript,angular2-nativescript,nativescript-angular,Nativescript,Angular2 Nativescript,Nativescript Angular,我已经在我的Nativescript Angular项目中实现了RadCalendar <GridLayout> <ScrollView class="page"> <StackLayout class="home-panel"> <Button text="Clear" (tap)="onClearTap()"></Button> <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>
当用户访问日历时,我尝试在默认情况下选择今天的日期,并在其下列出事件。
现在,用户必须单击今天的日期才能查看其下的事件
我尝试使用selectedDate
选择今天的日期,但它不起作用
有人能告诉我怎么做吗?谢谢
这里有一个构造函数代码应该移动到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;
}
尝试按如下方式放置nativeElement:
this.mainCalendar.nativeElement.selectedDate=eventDate 我已经在android和ios上测试了你的代码。修改工作正常。您是否有任何异常?当我将代码移动到ngOnInit时,会出现以下错误:类型“ElementRef”上不存在属性“selectedDate”。您必须等待组件创建后才能访问它,使用loaded event可确保。
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;
}