javascript - 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'
                }
            ]
        });

我已阅读有关时间格式的文档 here 。 我的请求返回以下格式的数据:

[{"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 。 (并手动执行)。