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

1、2.表頭信息agenda帶有具體的時(shí)間格子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 .日期從右向左顯示.不知道什么時(shí)候會(huì)這么用isRTL:false7 .是否顯示周末weekends:true8 .在月視圖里顯示周的模式，因?yàn)榭赡苊吭轮軘?shù)不同，所以月視圖高度不一定，注意引號(hào)fixed固定顯示6周高，高度永遠(yuǎn)保持不變liquid不固定x

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

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

6、該view下的第一天.end:Date類(lèi)型，該view下的最后一天.由于是一個(gè)閉合的值，所以,比如在monthview下,10月這個(gè)月份，那么end對(duì)應(yīng)的應(yīng)該是11月的第一天.visStart:Date類(lèi)型.在該view下第一個(gè)可以訪問(wèn)的day.monthview下，該值是當(dāng)月的第一天,weekview下，則通常和start一致.visEnd:Date類(lèi)型,最后一個(gè)可訪問(wèn)的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 .取得視圖對(duì)象.fullCalendar('g

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

9、左邊那一列時(shí)間的格式:axisFormat:'h(:mm)tt'()表示整點(diǎn)就不顯示里面的內(nèi)容支持的xx占位符1. s秒2. ss:秒,兩位3. m:分鐘4. mm:分鐘,兩位5. h:小時(shí),12小時(shí)制6. hh:小時(shí),12小時(shí)制,兩位7. H:小時(shí),24小時(shí)制8. HH:小時(shí),24小時(shí)制,兩位9. d:日期數(shù)字10. dd:日期數(shù)字,兩位11. ddd:日期名稱(chēng),縮寫(xiě)12. dd:日期名稱(chēng),全名13. M:月份數(shù)字14. MM:月份數(shù)字,兩位15. MMM:月份名稱(chēng),縮寫(xiě)16. MM:月份名稱(chēng),全名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等后綴,表明是第幾天每行的時(shí)間間隔slotMinutes:10滾動(dòng)條滾動(dòng)到得起始時(shí)間firstHour:7每天從幾點(diǎn)起開(kāi)始顯示minTime:7minTime:'7:30'如果加上了分鐘需要設(shè)置時(shí)間間隔每天顯示到幾點(diǎn)結(jié)束maxTime:24maxTime:'23:10'事件默認(rèn)的時(shí)間執(zhí)行xxdefaultEventMinutes:120此時(shí)，如果事件對(duì)象沒(méi)有指定執(zhí)行多長(zhǎng)時(shí)間，則默認(rèn)執(zhí)行兩個(gè)小時(shí)，后面將

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

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

13、ofthecalendaris"+d););22 .指定默認(rèn)的時(shí)間格式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、;,'七月','八月','九月','十月','十一月','十二月'月名字的簡(jiǎn)寫(xiě)monthNamesShort:'Jan','Feb','Mar','Apr','May','Jun''Jul','Aug','Sep','Oct','Nov','Dec'26 .星期顯示的名字dayNames:'Sunday

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

17、39;Thu','Fri','Sat'27 .4個(gè)關(guān)于鼠標(biāo)的回調(diào)方法當(dāng)點(diǎn)擊某一天時(shí)觸發(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)點(diǎn)擊某一個(gè)事件時(shí)觸發(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)懸停在一個(gè)事件上觸發(fā)此操作eventMouseover:function(event,jsEvent,view)當(dāng)鼠標(biāo)從一個(gè)事件上移開(kāi)觸發(fā)此操作eventMouseout:function(event,jsEvent,view)28 .事件對(duì)象fullcalendar用來(lái)存儲(chǔ)一個(gè)日歷事件信息的標(biāo)準(zhǔn)對(duì)象一下屬性中，只有title和start是必須的id:String/Integer(optional)title:StringallDay:trueorfalse(optional)指定是否是全天事件st