JS日程管理插件FullCalendar中文说明文档(2)

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种视图中的一种
 

日程选项

以下选项设置适用于agendaWeek和agendaDay视图里。

属性   描述   默认值  
allDaySlot   在agenda视图模式下,是否在日历上方显示all-day(全天)   true  
allDayText   定义日历上方显示全天信息的文本   'all-day'  
axisFormat   设置日历agenda视图下左侧的时间显示格式,默认显示如:5:30pm   'h(:mm)tt'  
slotMinutes   在agenda的视图中, 两个时间之间的间隔(分钟)   30  
defaultEventMinutes   事件默认的时间执行长度,如果事件对象没有指定执行多长时间,则默认执行两个小时   120  
firstHour   当切换到agenda时,初始滚动条滚动到的时间位置,默认在6点钟的位置   6  
minTime   设置显示的时间从几点开始   0  
maxTime   设置显示的时间从几天结束   24  
slotEventOverlap   设置视图中的事件显示是否可以重叠覆盖   true  

当前日期设置

属性   描述   默认值  
year   设置日历年份,必须为4位如:2013,如果不设置则默认为当前年份    
month   设置初始化日历的月份,从0开始,如果年份和月份都未指定,则从一月开始。    
date   设置日历初始化时的日期,只有在周视图和日视图中有效    
prev   method,进入到上一月(周、天)视图
$('#calendar').fullCalendar('prev');
 
next   method,进入到下一月(周、天)视图
$('#calendar').fullCalendar('next');
 
prevYear   method,进入上一年视图  
nextYear   method,进入下一年视图  
today   method,进入当天  
gotoDate   method,指定进入日历中的某一天
$('#calendar').fullCalendar( 'gotoDate', year [, month, [ date ]] )
 
incrementDate   method, 以当前时间为轴, 将日历向前, 或向后移动指定长度的时间, 比如: $('#calendar').fullCalendar(‘incrementDate', -3, 2, -5)就表示将日历年份向前移动3年, 月份向后移动2月, day(天数)向前移动5天。  
getDate   method,返回当前日历中的日期  

文本与时间定制

你可以根据项目需求设置日历显示的文本信息,如中文的月份等。

属性   描述   默认值  
timeFormat   设置显示的日程事件的时间格式,如timeFormat: 'H:mm' 则显示24小时制的像10:30   {agenda: ‘h:mm{ - h:mm}}  
columnFormat   设置显示日历每列表头信息的格式文本,默认:
{
month: 'ddd', // Mon
week: 'ddd M/d', // Mon 9/7
day: 'dddd M/d' // Monday 9/7 }
  见描述  
titleFormat   设置用于显示日历头部的文本信息,默认:
{
month: 'MMMM yyyy', // September 2013
week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", // Sep 7 - 13 2013
day: 'dddd, MMM d, yyyy' // Tuesday, Sep 8, 2013
}
  见描述  
buttonText   设置日历头部各按钮的显示文本信息,默认:
{
prev: '‹', // ‹
next: '›', // ›
prevYear: '«', // «
nextYear: '»', // »
today: 'today',
month: 'month',
week: 'week',
day: 'day'
}
  见描述  
monthNames   月份全称,默认:
['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
  见描述  
monthNamesShort   月份名称简写,默认:['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun' 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']   见描述  
dayNames   星期全称,默认:['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']   见描述  
dayNamesShort   星期名称简写,默认:['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']   见描述  
weekNumberTitle   周次,即一年中的第几周   "W"  

鼠标单击和滑过

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgxwy.html