无法在 eventReceived 事件中为 Angular 中的事件设置 ID
Not able to set ID for event in Angular on eventReceived event
我正在使用 Angular 的具有拖放功能的完整日历模块。
当用户在日历上删除新事件时,我想设置 ID。但是不知道怎么设置。
这里是StackblitzURL。
下面还有 eventReceive 函数。
eventReceive(event) {
const dataSet = event.draggedEl.dataset.event;
const dataJson = JSON.parse(dataSet);
const eventIndex: number = this.eventList.findIndex(d => d.id === dataJson.id);
this.eventList.splice(eventIndex, 1);
const isAllday = event.event.allDay;
const endEventDate = event.event.end;
const startEventDate = new Date(event.event.start);
const EventTimeObject: any = {
type: 'event',
id: dataJson.id,
start: startEventDate.toUTCString(),
title: dataJson.title,
color: dataJson.color
};
if (isAllday) {
const endTime = new Date(startEventDate);
const endTimeHour = endTime.setHours(23, 59, 59, 999);
EventTimeObject.end = endTimeHour;
}
if (!isAllday && endEventDate === null) {
const endTime = new Date(startEventDate);
const endTimeHour = endTime.setHours(endTime.getHours() + 1);
EventTimeObject.end = endTimeHour;
} else if (endEventDate) {
EventTimeObject.end = new Date(endEventDate).getTime();
}
this.eventsModel = [...this.eventsModel, EventTimeObject];
console.log(this.eventsModel);
// this.plannerService.addActionDates(EventTimeObject);
}
好的,我知道了,
但我不确定这是不是正确的做法,
解决方案是需要在 draggrable
object
中添加 id
draggableEvent() {
new Draggable(this.external.nativeElement, {
itemSelector: '.fc-event',
eventData(eventEl) {
return {
title: eventEl.innerText,
id: eventEl.id
};
}
});
}
我正在使用 Angular 的具有拖放功能的完整日历模块。 当用户在日历上删除新事件时,我想设置 ID。但是不知道怎么设置。
这里是StackblitzURL。 下面还有 eventReceive 函数。
eventReceive(event) {
const dataSet = event.draggedEl.dataset.event;
const dataJson = JSON.parse(dataSet);
const eventIndex: number = this.eventList.findIndex(d => d.id === dataJson.id);
this.eventList.splice(eventIndex, 1);
const isAllday = event.event.allDay;
const endEventDate = event.event.end;
const startEventDate = new Date(event.event.start);
const EventTimeObject: any = {
type: 'event',
id: dataJson.id,
start: startEventDate.toUTCString(),
title: dataJson.title,
color: dataJson.color
};
if (isAllday) {
const endTime = new Date(startEventDate);
const endTimeHour = endTime.setHours(23, 59, 59, 999);
EventTimeObject.end = endTimeHour;
}
if (!isAllday && endEventDate === null) {
const endTime = new Date(startEventDate);
const endTimeHour = endTime.setHours(endTime.getHours() + 1);
EventTimeObject.end = endTimeHour;
} else if (endEventDate) {
EventTimeObject.end = new Date(endEventDate).getTime();
}
this.eventsModel = [...this.eventsModel, EventTimeObject];
console.log(this.eventsModel);
// this.plannerService.addActionDates(EventTimeObject);
}
好的,我知道了,
但我不确定这是不是正确的做法,
解决方案是需要在 draggrable
object
draggableEvent() {
new Draggable(this.external.nativeElement, {
itemSelector: '.fc-event',
eventData(eventEl) {
return {
title: eventEl.innerText,
id: eventEl.id
};
}
});
}