2016-04-05 12 views
0

Angularjs 2アプリケーションでFullCalendarを統合しようとしています。私は、いくつかは既にそれを行っている例を検索しましたが、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> 

感謝。

+0

試したGoogle。運がない。 – chamalabey

+1

primeNGには既にフルカレンダーで作成されたコンポーネントがあります http://www.primefaces.org/primeng/#/schedule –

答えて

1

最後に何が間違っていたかを把握しました。私は、jquery、fullcalendar、fullcalendar-schedulerの互換性のないバージョンを使用していました。必要なバージョンを把握するためにFullCalendarデモ(公式サイトから)を使用しました。

関連する問題