FullCalendar.io時間格式不適用於事件源

Question

我正在使用日歷插件fullcalendar 。 現在，我想以H（：mm）格式顯示我的活動日期”，但是由於某些原因我的代碼無法正常工作。我的代碼在c＃中。

我已使用此javascript代碼使其正常運行。

       $('#calendar').fullCalendar({
            header: {
                left: 'prev,title,next',
                right: 'today,basicDay,basicWeek,month'
            },
            lang: 'nl',
            defaultDate: new Date(),
            eventLimit: true, // allow "more" link when too many events
            fixedWeekCount :false, 
            eventSources: [                    
                {   
                    url: '/Groups/GetActivities',
                    type: 'GET',
                    data: {
                            startdate: "2014-12-01",
                            enddate: "2014-12-31",
                            groupid: @Model.Group.Id,
                    },
                    allDay:false,
                    timeFormat:"h:mm",
                    color: '#EAE9E0'
                }
            ]
        });

我在這里閱讀了有關timeformat的文檔。 我的請求以以下格式返回數據：

[{"title":"Bergmonicursus - Val d\u0027anniviers","start":"2015-01-03T12:00:00","end":"2015-02-03T08:00:00","url":"/activities/95/detail?groupid=156","allDay":false}]

有人可以告訴我我在做什么錯。 我的活動最終結果以小時格式顯示12，而不是12:00或12:30（如果我對其進行硬編碼）。

Answer 1

timeFormat是fullcalendar選項對象中的頂級屬性。 它不能是事件屬性。

所以放在這里

   $('#calendar').fullCalendar({
        header: {
            left: 'prev,title,next',
            right: 'today,basicDay,basicWeek,month'
        },
        lang: 'nl',
        defaultDate: new Date(),
        eventLimit: true, // allow "more" link when too many events
        fixedWeekCount :false, 
        eventSources: [                    
            {   
                url: '/Groups/GetActivities',
                type: 'GET',
                data: {
                        startdate: "2014-12-01",
                        enddate: "2014-12-31",
                        groupid: @Model.Group.Id,
                },
                allDay:false,
                //timeFormat:"h:mm", // X--- Not here
                color: '#EAE9E0'
            }
        ],
        timeFormat:"h:mm", // <---- Here
    });

而且，如果您需要在事件之間進行更改，則必須使用eventRender 。 （並手動執行）。