我的新项目使用完整的日历来显示月份、周和amp;日间活动。点击这里的日期按钮,我想在basicDay视图中显示当月的每一天。例如,从4月1日到4月30日,一个接一个地举办活动。
这是我的代码
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var events_array = [
{
title: 'Test1',
start: new Date(2012, 10, 1),
allDay: false},
{
title: 'Test2',
start: new Date(2012, 10, 2),
allDay: true}
];
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,basicDay'
},
defaultView: 'month',
events: events_array,
}).on('click', '.fc-basicDay-button', function() { // code goes here });
如果有其他解决方案,请提出建议。
我的输出应该像这个
https://drive.google.com/file/d/0B4nWRJm-JCahVktDaFhXc0c0LUk/view?usp=sharing
黄色应该只存在于当前日期。
请帮忙,谢谢。
默认情况下,可用视图不可能做到这一点。您需要创建一个自定义视图:
类似于:
views: {
agendaTheWholeMonth: {
type: 'agenda',
duration: { days: 30 }
}
}
或者,您可以在完全自定义的新视图中工作。您在上面的链接中有更多详细信息。
最后,我创建了一个名为agendaList的新视图,达到了预期效果。此视图出现在1.6.3版本的旧FullCalendar中。
这个链接将帮助你得到你想要的东西。