在全日历中显示基本日视图中的多天
我使用完整日历来显示我的新项目月,周&日事件。在日按钮点击时,我想在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 }
}
}
或者你可以在一个完全自定义的新视图中工作。你在上面的链接中有更多的细节。
最后,我通过创建一个名为agendaList的新视图得到了我的期望。该视图出现在1.6.3版的旧版FullCalendar中。
这link将帮助你得到你想要的。
感谢分享!但我没有看到任何新观点的创造。只需使用agendaList视图。无论如何,你能分享你的代码吗?所以当你移动你的文件时,仍然在这里维护解决方案。 – 2015-05-28 12:00:56
@MarioLevrero实际上,FullCalendar 1.6.3没有一个名为agendaList的视图。我使用自定义视图创建。这个版本的fullcalendar只支持很少的东西,并且易于理解插件的流程来改变代码。 – 2015-06-01 07:49:58
谢谢Levrero ..我会试试这个.. – 2015-04-07 03:58:20