1.在事件中开始日期:2015-02-09,结束日期:2015-02-13,
但日历视图仅限于第9天至第12天。。。
如何解决此问题
2.我需要日期格式。。我不需要时间。。
如何解决此问题?
需要你的帮助吗
代码:
$('#calendar').fullCalendar({
header: {
left: 'prev,next',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
firstDay: 0,
editable: false,
droppable: false,
events: [
{
title: 'Live Conference',
start: '2015-02-09',
end: '2015-02-13',
}, {
title: 'Top Secret Project',
start: '2015-02-14',
end: '2015-02-16',
color: '#1abc9c'
},
{
title: 'Free Pizza',
description: 'This is just a fake description for the Free Pizza.Nothing to see!',
start: '2015-02-14',
end: '2015-02-16',
}, {
title: 'Free Pizza 2',
description: 'This is sdfsfption for the Free Pizza.Nothing to see!',
start: new Date(y, m, 17),
end: new Date(y, m, 19),
}
],
eventClick: function(event, jsEvent, view) {
$('#editevent').modal('show');
$('#modalTitle').val(event.title);
$('#modalStartDate').val(event.start);
$('#modalEndDate').val(event.end);
$('#modalBody').val(event.description);
//$('#eventUrl').attr('href',event.url);
}
});
我猜您使用的是fullcalendar 1.x。请确保至少升级到1.6.4之后将timezone
设置为local:
$('#calendar').fullcalendar({
...
timezone: 'local',
...
});
请参见以下示例:http://jsfiddle.net/wLuj3fzv/
自fullcalendar的2.0版本以来,它与momentJS集成在一起。它为日期对象的创建和操作提供了一个非常好的界面。如果这在你的项目中是可能的,我建议你使用它。