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

Question

我在我的新项目中使用完整的日历来显示月、周和日的事件。单击“天”按钮，我想在 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

黄色应该只适用于当前日期。

请帮忙，谢谢。

Answer 1

默认情况下，可用视图无法做到这一点。您需要创建一个 Custom View:

类似于：

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

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

Answer 2

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

这 link 将帮助您获得想要的东西。

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

show multiple days in basic day view in Full Calendar

jquery

fullcalendar

twitter-bootstrap-3