nativescript- angular - radcalendar - оставить текущую дату выбранной. - PullRequest
Новая
       32

nativescript- angular - radcalendar - оставить текущую дату выбранной.

0 голосов
/ 18 февраля 2020

Я реализовал RadCalendar в своем проекте Nativescript Angular. 

<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, но она не работает.

Может кто-нибудь сказать мне, как сделай это? Спасибо!

Вот ссылка на игровую площадку

1 Ответ

0 голосов
/ 18 февраля 2020

Код конструктора должен быть перемещен в 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;
}
...