2016-06-30 2 views
0

私はfullcalendar.jsに外部イベントデータを取得するのに苦労しています 私はfullcalendar.ioからデモファイルを使用していますが、データを表示する方法を理解できませんすべてFullCalendar.js古典的なASPページの外部イベントデータ

例えば

$(document).ready(function() { 
     $('#calendar').fullCalendar({  
      url: '../../data/calendar.asp', 
}); 
}); 

と、次のよう

{で提示ASPページを表示したデータで「イベント」: [ {"タイトル": "テストタイトル"、 "開始": "2016-04-28T16:30:00Z"、 "終了": "2016-04-28T17:30:00Z"} 、 {"title": "別のテストタイトル" start ":" 2016-05-05T16:30:00Z "、" end ":" 2016-05-05T17:30:00Z "}、 {" title " "最終テストタイトル"、 "開始": "2016-05-05T17:30:00Z"、 "終了": "2016-05-05T17:30:00Z"} ] }

任意提案を本当にお待ちしております。

+1

あなたのjsonは無効に見えます。ここで確認できます:http://jsonlint.com/。あなたの投稿を編集し、aspコードを追加してください。 – SearchAndResQ

+1

謝罪は、コピー&ペーストの問題、JSONが有効な{ \t "イベント" である:[{ \t \t "タイトル": "テストタイトル"、 \t \t "スタート":「2016-04-28T16:30:00Z " \t \t "終了": "2016-04-28T17:30:00Z" \t}、{ \t \t "タイトル": "別のテストタイトル"、 \t \t "開始":" 2016-05- 05T16:30:00Z "、 \t \t" end ":" 2016-05-05T17:30:00Z " \t }、{ \t \t "タイトル": "最終テストタイトル"、 \t \t "スタート": "2016-05-05T17:30:00Z"、 \t \t "終了":「2016-05-05T17:30 :00Z " \t} } – ScottyM

+1

私の外部ファイルプレフィックスには{" events ":[]}が付いているので、これは問題を引き起こしている可能性がありますか?もしそうなら、私はaspページの出力を変更せずにデータをfullcalendar.jsにロードする方法を知っていますか? – ScottyM

答えて

0

getJsonを使用すると、aspページからjsonを取得し、イベントを使用することができます。 elそれから:

$(function(){ 
$.getJSON("../../data/calendar.asp", function(data) { 
    $('#calendar').fullCalendar({ 
    events: data.events 
    }); 
}); 
}); 
+0

SearchAndResQありがとう、これは非常に感謝しています – ScottyM

関連する問題