fullcalendar 的幫助文檔 可見地址：http://arshaw.com/fullcalendar/docs/

jQuery日歷FullCalendar插件是一個非常不錯的日歷工具，可用于制作日程表或計劃安排

Event Data

里有3種顯示events的方式

1 ?events (as an array) ?這種課見幫助
2 ?events (as a json feed) ?此時?
? ?
$('#calendar').fullCalendar({events: {url: '<%=request.getContextPath()%>/displayAction.do?method=testJson' //你的controller的地址type: 'POST',error: function() {alert('there was an error while fetching events!');},color:'yellow',// 背景色textColor:'black'// 文字顏色}});

java代碼

public ModelAndView testJson(HttpServletRequest request, HttpServletResponse response) {String strvalue = "[{\"id\":111,\"title\":\"Event1\",\"start\":\"2012-03-10\",\"url\":\"http:\\/\\/yahoo.com\\/\"},{\"id\":222,\"title\":\"Event2\",\"start\":\"2012-03-20\",\"end\":\"2012-03-22\",\"url\":\"http:\\/\\/yahoo.com\\/\"}]";response.setCharacterEncoding("UTF-8");System.out.println("strvalue="+strvalue);try {response.getWriter().print(strvalue);} catch (IOException e) {e.printStackTrace();}return null;}
3 ?events (as a function)

$('#calendar').fullCalendar({events:function(start, end, callback) {$.ajax({url:"<%=request.getContextPath()%>/displayAction.do?method=getTitle",cache:false,success:function(doc) {eval("var j=" + doc);var events = [];var info = j.eventinfo;for (var i = 0; i < info.length; i++) {var ev = info[i];var title = ev.title;var evtstart = new Date(Date.parse(ev.start));var evtend = new Date(Date.parse(ev.end));events.push({title:title,start:evtstart,end:evtend,id:1});}callback(events);},error:function() {alert('sdf')}})}})

java代碼

public ModelAndView getTitle(HttpServletRequest request, HttpServletResponse response) {String strvalue = "{ 'eventinfo':[{day: '3/3/2012',eventtitle:'test1'},{day: '3/8/2012',eventtitle:'test2'}　]} ";response.setCharacterEncoding("UTF-8");System.out.println("strvalue="+strvalue);try {response.getWriter().print(strvalue);} catch (IOException e) {e.printStackTrace();}return null;}

總結

以上是生活随笔為你收集整理的关于fullcalendar里显示json格式的events（java）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。