在Angularjs 2.0中集成FullCalendar 2.6.1

时间:2016-04-05 00:37:46

标签: jquery angular fullcalendar

我正在尝试将FullCalendar集成到Angularjs 2应用程序中。我确实搜索了一些已经完成它的例子,但是找不到Angularjs 2的任何例子。有人能指出我正确的方向。 当应用程序加载时,我收到以下错误。

TypeError: b.class is not a constructor
at Pa.Calendar.ra.extend.instantiateView (http://localhost:5555/node_modules/fullcalendar/dist/fullcalendar.min.js?1459824069953:8:28997)

以下是我的控制器代码。

export class TestComponent implements OnInit, AfterContentInit {
date:Date = new Date();
ngAfterContentInit() {
    var calendarDiv: any = $('#calendar');
    calendarDiv.fullCalendar({
        defaultView: 'timelineMonth',
        events: [
        ],
        resources: [
        ]
        // other options go here...
    });
}
ngOnInit() {
    console.log('On init ! ');
    $('#calendar').text('Hi I am replace');
}

模板代码:

<div id='calendar'>Test calendar</div>

感谢。

1 个答案:

答案 0 :(得分:1)

终于弄清楚出了什么问题。我使用的是jquery,fullcalendar和fullcalendar-scheduler的不兼容版本。使用FullCalendar演示(来自官方网站)来确定所需的版本。