在Angularjs 2.0中集成FullCalendar 2.6.1

我正在嘗試將FullCalendar集成到Angularjs 2應用程序中。我確實在搜索一個已經有人做過的例子，但是找不到Angularjs 2的任何例子。有人能指出我朝着正確的方向。當應用程序加載時，出現以下錯誤。在Angularjs 2.0中集成FullCalendar 2.6.1

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>

感謝。

來源

2016-04-05 chamalabey

嘗試谷歌。沒有運氣。 – chamalabey

primeNG有一個已經用fullcalendar製作的組件 http://www.primefaces.org/primeng/#/schedule –

終於明白出了什麼問題。我使用的是jquery，fullcalendar和fullcalendar-scheduler的不兼容版本。使用FullCalendar演示（來自官方網站）來找出所需的版本。

來源

2016-04-06 00:24:47 chamalabey

在Angularjs 2.0中集成FullCalendar 2.6.1

回答

相關問題