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

时间:2015-04-01 06:15:42

标签: jquery twitter-bootstrap-3 fullcalendar

我使用完整日历为我的新项目显示月,周和周日活动。在这一天点击按钮,我想在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

黄色应仅存在于当前日期。

请帮助,谢谢。

2 个答案:

答案 0 :(得分:1)

默认情况下,这对于可用的视图是不可能的。您需要创建Custom View

类似的东西:

views: {
        agendaTheWholeMonth: {
            type: 'agenda',
            duration: { days: 30 }
        }
    }

或者您可以在完全自定义的新视图中工作。您在上面的链接中有更多详细信息。

答案 1 :(得分:0)

最后,通过创建名为agendaList的新视图,我得到了我的期望。此视图存在于版本1.6.3的旧FullCalendar中。

link将帮助您获得所需内容。