我正在使用日历插件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如果我硬编码。
答案 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。 (并手动完成)。