2012-09-06 155 views
2

我是fullcalendar新手。fullcalendar在月视图和日视图之间切换

我为客户的网站创建了一个页面,该页面显示了默认(月)视图,并且可以按月来回移动。另一方面,我不知道'今日'按钮在这种情况下做了什么,所以我从标题中删除它。

我想要做的是实现dayClick回调将视图更改为basicDay,然后允许查看器返回。

更改为basicDay似乎相当简单:

dayClick: function(date, allDay, jsEvent, view) { 
    $(this).('changeView', 'basicDay') 
} 

但如何观众找回? basicDay视图似乎没有任何可点击的内容。至少我不能在文档中找到它.....

也许我失去了一些明显的东西?

回答

2

定义要在日历的header选项中提供的意见,以及导航按钮:

header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,basicWeek, basicDay' 
} 

使用viewDisplay回调做一些事情的时候,视图更改:

viewDisplay: function(view) { 
    console.log(view.name); 
} 

它在docs。查看example源代码。

+3

'头:{左: '标题',中心:'',right:'month basicDay prev,next'}, dayClick:function(date,allDay,jsEvent,view){('#calendar')。fullCalendar('changeView','basicDa y') },'很好地工作。 –

1

嗯,实际上:

为了检测视野改变使用:

viewRender: function(view) { 
    console.log(view.name); 
}, 

要更改视图使用:

my_function(){ p_calendar.fullCalendar('changeView', 'month'/*Or anything else*/); }