Question

FullCalendar日历插件怎么设置只显示当前月的日期？

如图，我想把红色区域去掉





• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏20（财富值+成长值）

Answer 1

仔细看看官方的API呗。我注意到不是当前月的格子样式也不一样，看看是不是可以利用那个区分的样式将不是当前月的格子的display设置为none;或者将visibility设置为hidden;

Answer 2

showNonCurrentDates

Answer 3

试一下在试图中设置：
视图
FullCalendar提供五种可用视图，包括month（月视图），basicWeek（基本周视图，左侧不显示具体时间），basicDay（基本日视图，左侧不显示具体时间），agendaWeek（周视图），agendaDay（日视图）。
View视图对象的属性：
属性 描述
name 包括month,basicWeek,basicDay,agendaWeek,agendaDay
title 标题内容(例如"2013年9月" or "Sep 7 - 13 2013")
start Date类型, 该view下的第一天
end Date类型, 该view下的最后一天. 由于是一个闭合的值, 所以, 比如在month view下, 10月这个月份, 那么end对应的应该是11月的第一天
visStart Date类型. 在该view下第一个可以访问的day. month view下, 该值是当月的第一天, week view下, 则通常和start一致
visEnd Date类型, 最后一个可访问的day
View其他属性和方法
属性 描述 默认值
defaultView 日历初始化时默认视图 'month'
getView method，取得视图对象信息，如获取当前视图的标题内容：
var view = $('#calendar').fullCalendar('getView'); alert("The view's title is " + view.title);
changeView method，切换视图
.fullCalendar('changeView',viewName)
viewName为5种视图中的一种