[英]How to initialize Full Calendar version 4 in Angular
我正在尝试使用完整日历版本4,因此可以在背景模式下的事件上使用鼠标悬停事件。 由于某种原因,我无法在我的组件(设置选项)中对其进行初始化,这意味着它在运行ng serve时可以正常工作,但是在IDE上却出现错误。 我将在此处将图片错误和代码一起发布。 您可以在这里查看官方文档https://fullcalendar.io/docs/v4/release-notes
我尝试使用OptionInputs作为参数,但是没有用
import { Component, OnInit } from '@angular/core';
import { DataService } from './../../shared/services/data.service';
import 'fullcalendar';
import { Calendar } from 'fullcalendar';
@Component({
selector: 'app-calendar',
templateUrl: './calendar.component.html',
styleUrls: ['./calendar.component.css']
})
export class CalendarComponent implements OnInit {
constructor(private dataService: DataService) {}
myEvents = [];
transformDate(str: String) {
return str.substr(0, 10);
}
ngOnInit() {
const calendarEl = document.getElementById('calendar');
const calendar = new Calendar(calendarEl, {
events: [
{
title: 'Test A',
start: '2018-10-09T16:00:00'
}
]
});
calendar.render();
}}
您正在以错误的结构编写options对象,它需要一个plugin属性
const calendar = new Calendar(calendarEl, {
events: [
{
title: 'Test A',
start: '2018-10-09T16:00:00'
}
],
plugins: []
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.