2016-04-12 16 views
0

URLからフルカレンダーにイベントをロードしようとしていますが、イベントはロードされません。私は以下のJSとURL/APIからのJSONレスポンスを含めました。
ありがとうございました!JSONフルカレンダーのイベントをURLから取得しない

URL/API JSON応答:

[{"start":"2016-04-012T15:30:00","end":"2016-04-12T16:30:00","title":"Calendar 1","allDay":"false","id":"a41380d1fbbaa819"}] 

JS:

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
     //theme: true, 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: moment().format("YYYY-MM-DD"), 
     editable: true, 
     events: { 
      url: 'MY URL, I DIDN\'T POST IT HERE TO KEEP IT PRIVATE', 
      error: function() { 
       $('#script-warning').show(); 
      }, 
      success: function(){ 
       alert("successful: You can now do your stuff here. You dont need ajax. Full Calendar will do the ajax call OK? "); 
      } 
     }, 
     loading: function(bool) { 
      $('#loading').toggle(bool); 
     } 
    }); 

}); 
+0

実際にJSONを取得している実際の** URLを入力する必要がある場合は、「URL」と入力している可能性があります。 – Joum

+0

お返事ありがとうございます!私はURLを公開しないようにしています。 @Joum – IKid

+0

URLを呼び出すと、JSONオブジェクトが応答として返されますか?あなたのコンソールに何かが表示されますか? – Joum

答えて

0

よく分かりませんが、あなたのJSONは本当に悪いです。 「スタート」プロパティは、オブジェクトと日付が書かれているかを確認して

チェックアウト - それはない日付文字列です。

あなたがこの持っている:

2016-04-012T15:30:00
は次のようになります。
2016-04-12T15:30:00
(ハイライトに注意してください)。

また、この回答を参照してください。Javascript object Vs JSON

あなたの問題は、JavaScriptオブジェクトが必要なときにJSON文字列を持っているようです。

また、私のJSBIN hereを参照してください。

+0

時間が変更されましたが、それを修正する。 JSON文字列ではなく、オブジェクトの開始点、終了点、タイトルをAPIに追加する必要があると言っています。本当にありがとう! – IKid

+0

はい、正しい形式ではないので、日付文字列には注意が必要です。 あなたのAPIからの応答に関しては、オブジェクトリテラルではなくJSONを返すということです。つまり、クライアント上の 'fullcalendar'でAPIレスポンスを使用する前に' JSON.parse() 'APIレスポンスを受け取る必要があります。 – Joum

0

問題は日付フォーマットである:

[{"start":"2016-04-012T15:30:00","end":"2016-04-12T16:30:00","title":"Calendar 1","allDay":"false","id":"a41380d1fbbaa819"}] 

ISO_8601日付によると、「2016-04- 012T15:30:00」を「2016-04-12T15:30:00」に変更する必要があります。

詳細については、start parameter in Event_Object

関連する問題