通过全日历中的间隔单独的事件块与事件
app.component.ts
@ViewChild('calendar') calendarComponent: FullCalendarComponent = <FullCalendarComponent>{};
calendarOptions: CalendarOptions = {
initialView: 'timeGridDay',
slotDuration: "00:15:00",
slotLabelInterval: "00:15:00",
defaultTimedEventDuration: "00:15:00",
selectable: true,
select: this.selectHandler.bind(this),
eventClick: this.eventClickHandler.bind(this),
selectOverlap: false,
};
constructor() {
}
selected: any;
private selectHandler(dateSelectArg: DateSelectArg) {
this.selected = dateSelectArg;
}
private eventClickHandler(event: EventClickArg) {
console.log(event.event)
}
addEvent() {
this.calendarComponent.getApi().addEvent(this.selected)
}
需要: 选择一个事件(从6:45到9:00),在添加之后,我需要按间隔(6:45-7:00,7:15:15:7:30 ...)进行单独的事件,以进行当前的示例间隔为00:15mm。
是
应该是
app.component.ts
@ViewChild('calendar') calendarComponent: FullCalendarComponent = <FullCalendarComponent>{};
calendarOptions: CalendarOptions = {
initialView: 'timeGridDay',
slotDuration: "00:15:00",
slotLabelInterval: "00:15:00",
defaultTimedEventDuration: "00:15:00",
selectable: true,
select: this.selectHandler.bind(this),
eventClick: this.eventClickHandler.bind(this),
selectOverlap: false,
};
constructor() {
}
selected: any;
private selectHandler(dateSelectArg: DateSelectArg) {
this.selected = dateSelectArg;
}
private eventClickHandler(event: EventClickArg) {
console.log(event.event)
}
addEvent() {
this.calendarComponent.getApi().addEvent(this.selected)
}
Need:
select an event (from 6:45 to 9:00), after adding it, I need separate events by my interval (6:45-7:00, 7:15:7:30...) for current example interval is 00:15mm.
is
should be
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论