1.与google日历连接，别忘记加入<script type='text/javascript' src='js/gcal.js'/>
events: $.alFeed
 ("le/calendar/feeds/xuqi86@gmail/private-660ae86cc26345cff3430480e8eea4bb/basic",
  {
   className:'gcal-event',
   editable:true,
   currentTimezone:'Asia/Shanghai'
  }
 )
2.表头信息
agenda带有具体的时间格子
month,basicWeek,basicDay,agendaWeek,agendaDay 是5种不同的视图
空格和,的区别
header:{
 left:  'month,basicWeek,basicDay,agendaWeek,agendaDay',
 center: 'title',
 right:  'prevYear,prev,today,next,nextYear'
 }
3.是否使用 jquery的主题(我用的是start主题)
<link type="text/css" href="css/start/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type='text/javascript' src='js/jquery.js'>
theme:true
4.
buttonText:{
 prev:    '昨天',
 next:    '明天',
 prevYear: '去年',
 nextYear: '明年',
 today:    '今天',
 month:    '月',
 week:    '周',
 day:      '日'
 }
5.每周的第一天是哪天
Sunday=0, Monday=1, Tuesday=2, etc.
firstDay:1
6.日期从右向左显示...不知道什么时候会这么用
isRTL:false
7.是否显示周末
weekends:true
8.在月视图里显示周的模式，因为可能每月周数不同，所以月视图高度不一定，注意引号
fixed 固定显示6周高，高度永远保持不变
liquid 不固定周数，周高度可变化
variable 不固定周数，但高度固定
weekMode:'fixed'
9.日历高度,包括表头
height: 850
内容高度，不包括表头
contentHeight: 600
10.单元格宽与高度的比值
注意：此属性不能与日历高度同时存在
aspectRatio: 1.35
11.切换视图的时候要执行的操作
view是一个对象，后面将说道具体的属性
viewDisplay:function(view){}
12.窗口大小变化时执行的操作
windowResize: function(view){}
13.把日历绑定到一个id的东西上
$('#id').fullCalendar('render');
14.销毁id日历
把日历回复到初始化前，删除了所有元素，时间，和初始化数据
$('#id').fullCalendar('destroy');
15.默认显示的视图，注意引号
defaultView:'month'
16.view对象的属性
name: 包括month,basicWeek,basicDay,agendaWeek,agendaDay
title: 标题内容(例如"September 2009" or "Sep 7 - 13 2009")
start:Date类型, 该view下的第一天.
end:Date类型, 该view下的最后一天.  由于是一个闭合的值, 所以, 比如在month view下, 10月这个月份, 那么end对应的应该是11月的第一天.
visStart:Date类型. 在该view下第一个可以访问的day. month view下, 该值是当月的第一天, week view下, 则通常和start一致.
visEnd: Date类型, 最后一个可访问的day
17.集中设定初始化值
可以设置的属性有 dragOpacity, titleFormat, columnFormat, and timeFormat
被应用的视图有
{
    month:      // month view
    week:      // basicWeek & agendaWeek views
    day:        // basicDay & agendaDay views
    agenda:    // agendaDay & agendaWeek views
    agendaDay:  // agendaDay view
    agendaWeek: // agendaWeek view
    basic:      // basicWeek & basicDay views
    basicWeek:  // basicWeek view
    basicDay:  // basicDay view
    '':        // (an empty string) when no other properties match
}
18.取得视图对象
.fullCalendar('getView')->View Object
var view = $('#calendar').fullCalendar('getView');
alert("The view's title is " + view.title);
19.改变当前视图
.
fullCalendar('changeView',viewName)
20.20里以下属性都是在agenda视图里起作用的
在agenda开头的视图里，是否显示最上面all-day那一栏
allDaySlot:true
默认的文字:
allDayText:'今天的任务'
左边那一列时间的格式:
axisFormat:'h(:mm)tt'
()表示整点就不显示里面的内容
    支持的格式化占位符
 1. s: 秒
 2. ss: 秒, 两位
 3. m: 分钟
 4. mm: 分钟, 两位
 5. h: 小时, 12小时制
 6. hh: 小时, 12小时制, 两位
 7. H: 小时, 24小时制
 8. HH: 小时, 24小时制, 两位
 9. d: 日期数字
 10. dd: 日期数字, 两位jquery滚动条滚动到底部
 11. ddd: 日期名称, 缩写
 12. dddd: 日期名称, 全名
 13. M: 月份数字
 14. MM: 月份数字, 两位
 15. MMM: 月份名称, 缩写
 16. MMMM: 月份名称, 全名
 17. yy: 两位的年份
 18. yyyy: 4位的年份
 19. t: 上下午加 a或者p
 20. tt: 上下午加am或pm
 21. T: 上下午加A 或者P
 22. TT: 上下午加AM或PM
 23. u: ISO8601格式
 24. S: 给日期加上st, nd, rd, th等后缀, 表明是第几天
每行的时间间隔
slotMinutes:10
滚动条滚动到得起始时间
firstHour: 7
每天从几点起开始显示
minTime:7
minTime:'7:30'
如果加上了分钟需要设置时间间隔
每天显示到几点结束
maxTime:24
maxTime:'23:10'
事件默认的时间执行长度
defaultEventMinutes:120
此时，如果事件对象没有指定执行多长时间，则默认执行两个小时，后面将说到事件对象
21.当前日期
year: 必须是4位数字，如果不指定，则是当前年
month: 当前月，从0开始，如果当前年和月都未指定，则月显示为1月
date:日期的一个月，这个属性只和周视图和日视图有关，如果没指定，并且年月也没有指定，则显示一个月的第一天
以下8个关于操作日期的方法
.fullCalendar('prev') 返回到上一个年月日，与视图的种类有关
.fullCalendar('next')
.
fullCalendar('prevYear')
.fullCalendar('nextYear')
.fullCalendar('today')
.fullCalendar( 'gotoDate', year [, month, [ date ]] )  注意月从0开始
.fullCalendar( 'incrementDate', years [, months, [ days ]] )
.fullCalendar( 'getDate' ) -> Date 取得一个日期对象
$('#my-button').click(function() {
    var d = $('#calendar').fullCalendar('getDate');
    alert("The current date of the calendar is " + d);
});
22.指定默认的时间格式
timeFormat:h(:mm)tt
23.指定默认的列格式
 
columnFormat:{
    month: 'ddd',    // Mon
    week: 'ddd M/d', // Mon 9/7
    day: 'dddd M/d'  // Monday 9/7
}
24.标题格式化
titleFormat:{
    month: 'MMMM yyyy',                            // September 2009
    week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", // Sep 7 - 13 2009
    day: 'dddd, MMM d, yyyy'                  // Tuesday, Sep 8, 2009
}
25.月显示的名字
monthNames:['January', 'February', 'March', 'April', 'May', 'June', 'July',
 'August', 'September', 'October', 'November', 'December']
monthNames:['一月','二月', '三月', '四月', '五月', '六月', '七月',
 '八月', '九月', '十月', '十一月', '十二月']
月名字的简写
monthNamesShort:['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'
 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。