fullCalendar2.9排课.docx

FullCalendar2.9排课1、页面示例（效果图）2、js文件内容//create by cxy 2016-08$(function () {//初始化、varjsonStr={name:,class:,crew_startDate:2016-08-03,crew_end_Date:,crew_classTime_Arr:[08:40~09:20,09:30~10:10,10:20~11:00,11:20~12:00,13:40~14:20,14:40~15:20,15:40~16:20,16:40~17:20]};//生成日期控件initFullCalendar(jsonStr);//获取日期function getdate() {varnow = new Date();y = now.getFullYear();m = now.getMonth() + 1;d = now.getDay();m = m 10 ? 0 + m : m;d = d 10 ? 0 + d : d;return y + - + m + - + d; }//初始化日历方法function initFullCalendar(jsonStr) {//varcrew_classTime_arr=new Array(); //varcrew_classTime_Arr=new Array(08:40~09:20,09:30~10:10,10:20~11:00,11:20~12:00,13:40~14:20,14:40~15:20,15:40~16:20,16:40~17:20);varcrew_classTime_Arr;varcrew_startDate= getdate();//获取课节$.each(jsonStr, function(key, value) {crew_classTime_Arr=jsonStr[crew_classTime_Arr];crew_startDate=jsonStr[crew_startDate]; });//先清空已有控件内容$(#calendar).fullCalendar(destroy);//加载日历控件$(#calendar).fullCalendar({// defaultDate: 2016-07-12,defaultDate: crew_startDate,defaultView:agendaWeek, //默认显示周 // defaultView: timelineDay,height: 600,editable: true,customButtons: {//自定义 按钮可以添加多个，自己命名 在header 部分调用即可 比如这里的myCustomButtonmyCustomButton: {text: 自定义按钮,click: function() {alert(点击自定义按钮!); } } },header: {left: prev,next today, myCustomButton,center: title,right: month,agendaWeek,agendaDay//right: month,agendaWeek,agendaDay,timelineFourDays},//views: { // timelineFourDays: { // type: timeline, // duration: { days: 4 } // } //},allDaySlot:false,//是否显示全天// titleFormat:MMM D YYYY,//header日期显示格式axisFormat: H:mm时,//修改日期前面显示内容默认为早上6点00分，改完后显示6:00时(H:mm时)slotDuration:01:00:00, //时间间隔// slotLabelFormat:HH:mm,//左侧时间格式slotLabelFormat:第H课,// slotLabelInterval:00:20:00,//左侧标注时间间隔crew_classTime_Arr:crew_classTime_Arr,scrollTime:01:00:00, //滚动起始时间displayEventTime:false, /