Я пытаюсь получить события текущего дня из FullCalender и отобразить их в метке или текстовом поле.
app.component.ts
this.renderCalendar = new Calendar(document.querySelector('#calendar'),
{
eventClick:(info)=>{
let initialState ={
id:info.event.id,
title:info.event.title,
start:info.event.start,
end:info.event.end
};
this.modalRef = this.modalService.show(EventModalComponent,{initialState});
},
themeSystem: 'bootstrap',
header:{
left:'prev next',
center : 'title',
right: 'today prevYear nextYear'
},
height:550,
plugins:[dayGridPlugin,bootstrapPlugin],
eventDataTransform:(data: any)=>{
data.start = data.start.toDate()// convert to date
data.end = data.end.toDate()
const newDate = new Date().getDate();
if(newDate>data.end.getDate()){
this.dataService.eventDelete(data.id);
}
else if(newDate==data.start.getDate() && newDate==data.end.getDate()){
data.color="green"
}
else{
data.color="blue";
}
return data;
},
Код показывает, как я построил полный каландр, я получаю все данные, используя Firestore. Все функции CRUD работают. Но я не могу найти способ отобразить события текущей даты, где я могу показать заголовок события на метке, внутри полнокамерного или над полнокаландерным, используя метку или текстовое поле.