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。我请求 returns 格式的数据：

[{"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}]

有人可以向我解释我做错了什么吗？ activity 的最终结果是 12 小时格式，而不是 12:00 或 12:30 如果我硬编码的话。

Answer 1

timeFormat 是全日历选项对象中的顶级属性。这不可能是一个事件属性.

所以放在这里

   $('#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。（并手动执行）。

FullCalendar.io 时间格式不适用于事件源

FullCalendar.io timeformat not working with eventsources

javascript

c#

fullcalendar