0

FullCalendar を Symfony2.3 プロジェクトに組み込もうとしています。正常に動作しているように見えますが、非常に奇妙な問題が 1 つあります。すべてのイベントが常に (すべての異なるビューで) 左上隅にレンダリングされます。誰かがこれを経験し、おそらく修正しましたか? 私のコードは以下のとおりです。デフォルトの CSS および JS ファイルには触れていません。

カレンダーがレンダリングするものは次のとおりです。

ここに画像の説明を入力

私の見解では、JSとHTMLは次のとおりです。

<script>
$(document).ready(function () {  

 $('#timetable').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        editable: false,
        handleWindowResize: true,
        events: '{{ path('
        calendar_get_json_data ') }}'
    });

});

</script>
<div id="timetable"></div>

最後に、上記のイベント URL からの JSON 応答 (ちなみに「/app_dev.php/timetable/fetch」に変換されます)

[{
    "id": 1,
    "title": "Test\/Exam",
    "start": "2013-11-12 16:00",
    "end": "2013-11-13 18:00",
    "url": "\/app_dev.php\/testevent\/1\/show"
}, {
    "id": 2,
    "title": "Test\/Exam",
    "start": "2013-11-13 06:00",
    "end": "2013-11-20 00:00",
    "url": "\/app_dev.php\/testevent\/2\/show"
}, {
    "id": 3,
    "title": "Test\/Exam",
    "start": "2013-11-08 10:00",
    "end": "2013-11-12 00:00",
    "url": "\/app_dev.php\/testevent\/3\/show"
}, {
    "id": 4,
    "title": "Test\/Exam",
    "start": "2013-11-12 10:00",
    "end": "2013-11-12 19:00",
    "url": "\/app_dev.php\/testevent\/4\/show"
}]

すべて正常に動作しているように見えます (正しい JSON データが返され、リンクをクリックして表示できるなど) が、レンダリングが非常に奇妙ですか? 私は何かランダムなものを見逃しているに違いありません。

助けてくれてありがとう!

PS JSON フィードを「Ymd」形式 (「H:i」なし) で返そうとしましたが、それでも問題は解決しませんでした。

編集 -

時刻表のみのテンプレートを作成してみましたが、うまくいくようです。次に、ブートストラップまたは選択したライブラリ (選択の場合) と競合している必要があります。競合となる可能性のあるものと、それを解決する方法について何か考えがある人はいますか?

4

0 に答える 0