FullCalendar.io timeformat无法使用eventsources

时间:2015-02-02 16:27:10

标签: javascript c# fullcalendar

我正在使用日历插件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 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如果我硬编码。

1 个答案:

答案 0 :(得分:0)

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。 (并手动完成)。