在Angular 5中,要在Fullcalendar v3.6上添加重复事件,你可以按照以下步骤进行操作:
npm install fullcalendar@3.6.0 --save
import * as $ from 'jquery';
import 'fullcalendar';
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-calendar',
template: '<div id="calendar"></div>',
styleUrls: ['./calendar.component.css']
})
export class CalendarComponent implements OnInit {
ngOnInit() {
this.initCalendar();
}
initCalendar() {
$('#calendar').fullCalendar({
// Fullcalendar配置项
// ...
events: [
{
title: '重复事件',
start: '2022-01-01',
end: '2022-01-02',
dow: [1, 2, 4], // 周一、周二和周四重复
// 其他事件属性...
}
]
});
}
}
在上述代码中,我们使用fullCalendar
方法来初始化Fullcalendar,并在events
属性中指定重复事件的配置。start
和end
属性定义事件的开始和结束日期,dow
属性定义事件要重复的周几。
注意:为了使Fullcalendar能正常工作,你可能需要在angular.json
文件中的styles
数组中添加Fullcalendar的CSS文件路径,以便正确加载样式。
这样就可以在Angular 5的Fullcalendar v3.6上添加重复事件了。请根据具体的项目需求和Fullcalendar的版本调整代码和配置。
领取专属 10元无门槛券
手把手带您无忧上云