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

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

问题描述:

我使用完整日历来显示我的新项目月,周&日事件。在日按钮点击时,我想在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

黄颜色应该只对当前日期在那里。

请帮忙,谢谢。

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

喜欢的东西:

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

或者你可以在一个完全自定义的新视图中工作。你在上面的链接中有更多的细节。

+0

谢谢Levrero ..我会试试这个.. – 2015-04-07 03:58:20

最后,我通过创建一个名为agendaList的新视图得到了我的期望。该视图出现在1.6.3版的旧版FullCalendar中。

link将帮助你得到你想要的。

+0

感谢分享!但我没有看到任何新观点的创造。只需使用agendaList视图。无论如何,你能分享你的代码吗?所以当你移动你的文件时,仍然在这里维护解决方案。 – 2015-05-28 12:00:56

+0

@MarioLevrero实际上,FullCalendar 1.6.3没有一个名为agendaList的视图。我使用自定义视图创建。这个版本的fullcalendar只支持很少的东西,并且易于理解插件的流程来改变代码。 – 2015-06-01 07:49:58