在“完整日历”的基本日期视图中显示多天



我的新项目使用完整的日历来显示月份、周和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中。

这个链接将帮助你得到你想要的东西。

最新更新