日程軟件fullCalendar具體應(yīng)用

1、2.表頭信息agenda帶有具體的時間格子month,basicWeek,basicDay,agendaWeek,agendaDa促5種不同的視圖空格和,的區(qū)別header:left:'month,basicWeek,basicDay,agendaWeek,agendaDay',center:'title',right:'prevYear,prev,today,next,nextYear'3.是否使用jquery的主題（我用白是start主題）<linktype="text/css"href="css/star

2、t/jquery-ui-1.7.2.custom.css"rel="stylesheet"/><scripttype="text/javascript"src="js/jquery-ui-1.7.2.custom.min.js"></script><scripttype='text/javascript'src='js/jquery.js'>theme:true4 .buttonText:prev:'昨天',next:'明天&#

3、39;,prevYear:'去年',nextYear:'明年',today:'今天',month:'月',week:'xx',day:'日'5 .每周的第一天是哪天Sunday=0,Monday=1,Tuesday=2,etc.firstDay:16 .日期從右向左顯示.不知道什么時候會這么用isRTL:false7 .是否顯示周末weekends:true8 .在月視圖里顯示周的模式，因為可能每月周數(shù)不同，所以月視圖高度不一定，注意引號fixed固定顯示6周高，高度永遠(yuǎn)保持不變liquid不固定x

4、x數(shù)，xx高度可變化variable不固定周數(shù)，但高度固定weekMode:'fixed'9 .日歷高度,包括表頭height:850內(nèi)容高度，不包括表頭contentHeight:60010 .xx寬與高度的比值注意：此屬性不能與日歷高度同時存在aspectRatio:10 / 171.3511 .切換視圖的時候要執(zhí)行的操作view是一個對象，后面將說道具體的屬性viewDisplay:function(view)12 .窗口大小變化時執(zhí)行的操作windowResize:function(view)13 .把日歷綁定到一個id的xxxx$('#id').ful

5、lCalendar('render');14 .銷毀id日歷把日歷回復(fù)到初始化前，刪除了所有元素，時間，和初始化數(shù)據(jù)$('#id').fullCalendar('destroy');15 .默認(rèn)顯示的視圖，注意引號defaultView:'month'16 .view對象的屬性name:包括month,basicWeek,basicDay,agendaWeek,agendaDaytitle:標(biāo)題內(nèi)容(例如"September2009"or"Sep7-132009")start:Date類型，

6、該view下的第一天.end:Date類型，該view下的最后一天.由于是一個閉合的值，所以,比如在monthview下,10月這個月份，那么end對應(yīng)的應(yīng)該是11月的第一天.visStart:Date類型.在該view下第一個可以訪問的day.monthview下，該值是當(dāng)月的第一天,weekview下，則通常和start一致.visEnd:Date類型,最后一個可訪問的day17.集中設(shè)定初始化值可以設(shè)置的屬性有dragOpacity,titleFormat,columnFormat,andtimeFormat被應(yīng)用的視圖有month:/monthviewweek:/basicWeek&a

7、mp;agendaWeekviewsday:/basicDay&agendaDayviewsagenda:/agendaDay&agendaWeekviewsagendaDay:/agendaDayviewagendaWeek:/agendaWeekviewbasic:/basicWeek&basicDayviewsbasicWeek:/basicWeekviewbasicDay:/basicDayview'':/(anemptystring)whennootherpropertiesmatch18 .取得視圖對象.fullCalendar('g

8、etView')->ViewObjectvarview=$('#calendar').fullCalendar('getView');alert("Theview'stitleis"+view.title);19 .改變當(dāng)前視圖.fullCalendar('changeView',viewName)20 .20里以下屬性都是在agenda視圖里起作用的在agenda開頭的視圖里，是否顯示最上面all-day那一欄allDaySlot:true默認(rèn)的文字:allDayText:'今天的任務(wù)'

9、左邊那一列時間的格式:axisFormat:'h(:mm)tt'()表示整點就不顯示里面的內(nèi)容支持的xx占位符1. s秒2. ss:秒,兩位3. m:分鐘4. mm:分鐘,兩位5. h:小時,12小時制6. hh:小時,12小時制,兩位7. H:小時,24小時制8. HH:小時,24小時制,兩位9. d:日期數(shù)字10. dd:日期數(shù)字,兩位11. ddd:日期名稱,縮寫12. dd:日期名稱,全名13. M:月份數(shù)字14. MM:月份數(shù)字,兩位15. MMM:月份名稱,縮寫16. MM:月份名稱,全名17. yy:兩位的年份18. yy:4位的年份19. t:上下午加a或者p2

10、0. tt:上下午加am或pm21. T:上下午加A或者P22. TT:上下午加AM或PM23. u:ISO8601格式24. S:給日期加上st,nd,rd,th等后綴,表明是第幾天每行的時間間隔slotMinutes:10滾動條滾動到得起始時間firstHour:7每天從幾點起開始顯示minTime:7minTime:'7:30'如果加上了分鐘需要設(shè)置時間間隔每天顯示到幾點結(jié)束maxTime:24maxTime:'23:10'事件默認(rèn)的時間執(zhí)行xxdefaultEventMinutes:120此時，如果事件對象沒有指定執(zhí)行多長時間，則默認(rèn)執(zhí)行兩個小時，后面將

11、說到事件對象21 .當(dāng)前日期year:必須是4位數(shù)字，如果不指定，則是當(dāng)前年month:當(dāng)前月，從0開始，如果當(dāng)前年和月都未指定，則月顯示為1月date:日期的一個月，這個屬性只和周視圖和日視圖有關(guān)，如果沒指定，并且年月也沒有指定，則顯示一個月的第一天以下8個關(guān)于操作日期的方法.fullCalendar('prev')返回到上一個年_月_日，與視圖的種類有關(guān).fullCalendar('next').fullCalendar('prevYear').fullCalendar('nextYear').fullCalendar(

12、9;today').fullCalendar('gotoDate',year,month,date)注意月從0開始.fullCalendar('incrementDate',years,months,days).fullCalendar('getDate')->Date取得一個日期對象$('#my-button').click(function()vard=$('#calendar').fullCalendar('getDate');alert("Thecurrentdate

13、ofthecalendaris"+d););22 .指定默認(rèn)的時間格式timeFormat:h(:mm)tt23 .指定默認(rèn)的列格式columnFormat:month:'ddd',/Monday:'ddM/d'24 .標(biāo)題xxtitleFormat:month:'MMyy',/September2009week:"MMMdyy'&#8212;'MMMdyy",/Sep7-132009day:'dd,MMMd,yy'/Tuesday,Sep8,200925 .月顯示的名字mon

14、thNames:'January','February','March','April','May','June','July','August','September','October','November','December'monthNames:'一月','二月','三月','四月','五月','六月'

15、;,'七月','八月','九月','十月','十一月','十二月'月名字的簡寫monthNamesShort:'Jan','Feb','Mar','Apr','May','Jun''Jul','Aug','Sep','Oct','Nov','Dec'26 .星期顯示的名字dayNames:'Sunday

16、','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'dayNames:'星期日','星期一','星期二','星期三','星期四','星期五','星期六'星期名字的縮寫dayNamesShort:'Sun','Mon','Tue','Wed',&#

17、39;Thu','Fri','Sat'27 .4個關(guān)于鼠標(biāo)的回調(diào)方法當(dāng)點擊某一天時觸發(fā)此操作dayClick:function(date,allDay,jsEvent,view)dayClick:function(date,allDay,jsEvent,view)if(allDay)alert('Clickedontheentireday:'+date);elsealert('Clickedontheslot:'+date);alert('Coordinates:'+jsEvent.pageX+',

18、'+jsEvent.pageY);alert('Currentview:'+);/changetheday'sbackgroundcolorjustforfun$(this).css('background-color','red');當(dāng)點擊某一個事件時觸發(fā)此操作eventClick:function(event,jsEvent,view)eventClick:function(calEvent,jsEvent,view)alert('Event:'+calEvent.title);alert(&

19、#39;Coordinates:'+jsEvent.pageX+','+jsEvent.pageY);alert('View:'+);/changethebordercolorjustforfun$(this).css('border-color','red');當(dāng)鼠標(biāo)懸停在一個事件上觸發(fā)此操作eventMouseover:function(event,jsEvent,view)當(dāng)鼠標(biāo)從一個事件上移開觸發(fā)此操作eventMouseout:function(event,jsEvent,view)28 .事件對象fullcalendar用來存儲一個日歷事件信息的標(biāo)準(zhǔn)對象一下屬性中，只有title和start是必須的id:String/Integer(optional)title:StringallDay:trueorfalse(optional)指定是否是全天事件st