Я хочу иметь календарь, который извлекает информацию из базы данных в firestore и заполняет соответствующие даты в календаре. Например, если 28 марта было событие, я хочу, чтобы календарь подключался к базе данных Firebase, где есть событие внутри коллекции, и когда календарь загружается, в календаре есть даты из базы данных Firebase.
У меня есть сделал календарь basi c в Ioni c с использованием ion-2-calendar. Я также установил соединение с firebase внутри проекта и проверил это с помощью оператора console.log (), который извлекает из образца коллекции базы данных, называемой Competition, с датой внутри нее
Коллекция тестера включает строку для даты то есть «28 мая», а также временная метка с указанием времени в формате 28 марта 2020 года. Я не уверен, какой из них лучше всего использовать.
Если кто-нибудь сможет мне помочь с этим, будет признателен
Код здесь
Html
Calendar Page
<ion-calendar [(ngModel)]="date"
(onChange)="onChange($event)"
[type]="type"
[format]="'YYYY-MM-DD'">
</ion-calendar>
Машинопись:
import { Component } from ‘@angular/core’;
import {tap} from ‘rxjs/operators’;
import {AngularFirestoreModule, AngularFirestore} from ‘@angular/fire/firestore’;
import {Injectable} from ‘@angular/core’;
@Component({
selector: ‘app-home’,
templateUrl: ‘home.page.html’,
styleUrls: [‘home.page.scss’],
})
export class HomePage {
date: string;
type: ‘string’;
constructor(private afs:AngularFirestore) {
this.afs.collection(‘competition’).valueChanges().subscribe(data=>{console.log(data);
})
}