FullCalendar整个样式看上去蛮简洁的，用来做日程、计划什么的很合适，废话不说了，直接上用法。
一、载入js和css
FullCalendar依赖于jQuery，还需要moment.js
<link rel="stylesheet" href="fullcalendar/fullcalendar.css" /> <script src="lib/jquery.min.js"></script> <script src="lib/moment.min.js"></script> <script src="fullcalendar/fullcalendar.js">
若要支持中文，还要载入 zh-cn.js
二、基本用法
只产生一个空日历
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
});
});贴出我项目中的配置：
$(".calendar").fullCalendar({
header : {
left : "prev,next,today",
center : "title",
right : "month,agendaWeek,agendaDay"
},
lang : "zh-cn",
firstDay : 0,
events : {//json格式，从后台取数据
url : "plan/getPlansByJson",
error : function(){
toastr.error("计划获取失败");
}
},
weekMode : "liqiud",
editable : false,
eventlimit : true,
dayClick : function(date, jsEvent, view){
},
eventClick : function(date, jsEvent, view){
}
});