Fullcalendar – Full-sized Calendar jQuery Plugin

  最近做的一個系統需要有這麼一個BIGVIEW的效果,MANAGER說用FULLCALENDAR吧.

  我從沒聽過FC.所以G了一把.

  發現G出來的東西蠻多.

  基本的效果可以在這裡找到: http://arshaw.com/fullcalendar/

  使用非常簡單:

  $(document).ready(function() {<br />var d = new Date();<br />var y = d.getFullYear();<br />var m = d.getMonth();<br />$('#calendar').fullCalendar({<br />draggable: false,<br />events: [<br />{<br />id: 1,<br />title: "外出",<br />start: new Date(y, m, 7, 10, 0),<br />end: new Date(y, m, 10)<br />},<br />{<br />id: 2,<br />title: "歸來",<br />start: new Date(y, m, 4)<br />},<br />{<br />id: 2,<br />title: "歸來",<br />start: new Date(y, m, 6)<br />},<br />{<br />id: 3,<br />title: "開會",<br />start: new Date(y, m, 22, 0, 0)<br />},<br />{<br />id: 4,<br />title: "外部連結GOOGLE",<br />start: new Date(y, m, 12),<br />end: new Date(y, m, 13),<br />url: "http://g.cn/"<br />}<br />]<br />});</p><p>});

 

  在ADDINFO裡面又找到了一個: http://code.google.com/p/jquery-week-calendar/

 

  上面的效果是在這裡找到的:

  http://www.redredred.com.au/projects/jquery-week-calendar/

  它的兩個DEMO都相當的好用.  上面是JQUERY的.

  下面開始說說MOOTOOLS的.

  MOOTOOLS的效果也是非常好的.我感覺JQ的完全是在抄MT的.

 

  http://dansnetwork.com/mootools/events-calendar/