fullCalendar2.9排课.docxVIP

FullCalendar2.9排课1、页面示例（效果图）2、js文件内容//create by cxy 2016-08$(function () {//初始化、 var jsonStr={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() { var now = 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) { //var crew_classTime_arr=new Array(); //var crew_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); var crew_classTime_Arr; var crew_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 部分调用即可 比如这里的myCustomButton myCustomButton: { 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, //默认不显示事件上的时间//timeFormat: HH:mm,//事件上日期格式（默认事件不显示日期） minTime:01:00:00, //最小开始时间 maxTime:09:00:00,//最大开始时间 defaultTimed