fullCalendarのイベントの追加について

Question

FullCalendarでショップのHPに載せるカレンダーを作成したいと思っており、カレンダーを表示するところまでは出来たのですが、イベントの追加の仕方が分かりません。

events{{tite:"test1",start:"2018-10-31",end:"2018-11-01"},{titele:"test2",start:"2018-08-31T08:30:00",end:"2018-09-01T00:01:00"}}

（参考サイト）

これをどこに追加すればよいかが分かりません…

jQueryを使うのが初めてで初歩的な質問だと思うのですが、教えて頂けたらと思います。
宜しくお願い致します。

Answer 1

参考にしている記事は2018年10月のもので、最新の v4 ではなく v3(3.9.0) と思われます。v4 は jQuery 非依存となっていて使い方も全く異なっているため 3.x を使ってください。
v3 のドキュメントを読むと addEventSource が用意されているのでこれを使います。

$('#calendar').fullCalendar('addEventSource', {
  events: [
    {
      title: 'EventTitle',
      start: '2019-08-29'
    }
  ]
});

https://fullcalendar.io/docs/v3/addEventSource

Comments

[退会済みユーザー]

ありがとうございます！解決しました！