2012-03-21 13 views
14

jsonソースからイベントを読み込むためにフルカレンダーを使用しようとしています。 jsonは、 "mysite.com/getEvents"(jsonイベントオブジェクトを返す)のようなURLからのものです。今それがオブジェクトjqueryフルカレンダーjsonイベントソースの構文

{"allDay":false,"end":1325577600,"start":1325577600} 

を返す私は

$('#calendar').fullCalendar({ 
    events: 'mysite.com/getEvents' 
}); 

を試みたが、何も起こりません。私は自分のjsonがタイトルとIDを紛失していることを知っています。だから2つの質問があります。

  1. どのようにして作成されたすべてのイベントのためのIDを生成行くのです
  2. JSONのURLからイベントを取得するための適切な方法は何ですか?

答えて

15

すべての必須フィールドが含まれるようにJSONを作成してください。例えば、私のプロジェクトで、次が十分にある:

  • ID
  • タイトル
  • 開始
  • エンド
  • 終日
  • 私はIDのみで一意である必要がありだと思い

そのJSONフィードのインスタンスを取得することができます。そのため、JSONを生成するサーバー側スクリプトでカウンタを増やすだけで済みます。 JSONスクリプトから

出力例は:

[ 
    "0", 
    { 
     "allDay": "", 
     "title": "Test event", 
     "id": "821", 
     "end": "2011-06-06 14:00:00", 
     "start": "2011-06-06 06:00:00" 
    }, 
    "1", 
    { 
     "allDay": "", 
     "title": "Test event 2", 
     "id": "822", 
     "end": "2011-06-10 21:00:00", 
     "start": "2011-06-10 16:00:00" 
    } 
] 
+0

ありがとう:あなたのJSONレスポンスの周りにブラケットを持っている必要があり、それは、オブジェクトの配列を期待しているようです。私はそれを試みたが、うまくいかなかった。適切な構文は何ですか?どのように私はURLを使用せずにjsonオブジェクトを試してみますか?私は動作する構文を習得しようとしているので、仮説jsonオブジェクトはfullcalendar jquery呼び出しのコンテキスト内でどのように見えるでしょうか。 – EKet

+0

私はあなたのスクリプトのサンプル出力を提供するために私の答えを編集しました –

+0

ありがとう、私は間違った構文をしており、これは完璧でした。あなたは男です。 – EKet

16

私は受け入れ答えの構文を使用すると、私はカレンダーではなく、2の4つのイベントを取得します。 2つの余分なものは "12:44"という奇妙な名前です。直感で、私は「0」と「1」の行を削除し、今では完璧に動作します:

[ 
    { 
    "title": "Ceramics", 
    "id": "821", 
    "start": "2014-11-13 09:00:00", 
    "end": "2014-11-13 10:30:00" 
    }, 
    { 
    "title": "Zippy", 
    "id": "822", 
    "start": "2014-11-13 10:00:00", 
    "end": "2014-11-13 11:30:00" 
    } 
] 
+2

受け入れられた回答は機能しません。しかし、それは動作します。 –

+0

受け入れられた回答は有効なJSONデータですが、 'events'を使用すると動作しません。おそらく、 'eventSources'でうまくいくでしょう。上記のフォーマットされたソリューションは機能します。 – HPWD

4

私はこれは古い記事ですが、他の人がこれを探している可能性があり知っている...

あなたを

[ 
    { 
     "title":"foo1", 
     "id":"123", 
     "start":"2016-02-12T10:30:00", 
     "end":"2016-02-12T12:30:00" 
    }, 

    { 
     "title":"foo2", 
     "id":"456", 
     "start":"2016-02-14T10:30:00", 
     "end":"2016-02-14T12:30:00" 
    } 
]