Jeesite引用fullcalendar实现日程排班

Jeesite引用fullcalendar实现日程排班：

备注：fullcalendar不同的jar版本，使用方式不同，此次使用的是1.6版本。

参考一：eventClick triggering - Demos | FullCalendarhttps://fullcalendar.io/docs/v3/eventClick-demo

参考二（fullCalendar常用中文API文档）：JS日程管理插件FullCalendar中文说明文档_javascript类库_脚本之家 (jb51.net)https://www.jb51.net/article/104769.htm

实现效果：

hyml页面代码：

<% layout('/layouts/default.html', {title: '原材料信息管理', libs: ['validate']}){ %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="日程安排,FullCalendar,jquery实例">
<meta name="description" content="jb51.net，在线演示HTML、CSS、jquery、PHP示例DEMO。">
<title>演示：日程安排FullCalendar</title>
<link rel="stylesheet" type="text/css" href="${ctxStatic}/css/fullcalendar.css">
<style type="text/css">
#calendar{width:960px; margin:20px auto 10px auto}
body{font-size:12px;}
a{color:#666;text-decoration:none;}
</style>
<script src='${ctxStatic}/js/jquery-1.9.1.min.js'></script>
<script src='${ctxStatic}/artDialog/artDialog.js'></script>
<link href='${ctxStatic}/artDialog/skins/default.css' rel="stylesheet" />
<!--如果修改弹出窗用iframe框架显示另外一个网页-->
<script src='${ctxStatic}/artDialog/plugins/iframeTools.js'></script>
<script src='${ctxStatic}/js/jquery-ui-1.10.2.custom.min.js'></script>
<script src='${ctxStatic}/js/fullcalendar.min.js'></script><script type="text/javascript">
$(function() {//1var title=$("#title").val(); var titleId=$("#titleId").val(); var startTime=$("#startTime").val(); var endTime=$("#endTime").val(); //2var titleTwo=$("#titleTwo").val(); var titleIdTwo=$("#titleIdTwo").val(); var startTimeTwo=$("#startTimeTwo").val();  var endTimeTwo=$("#endTimeTwo").val(); //3var titleThree=$("#titleThree").val(); var titleIdThree=$("#titleIdThree").val();   var startTimeThree=$("#startTimeThree").val();    var endTimeThree=$("#endTimeThree").val(); //4var titleFour=$("#titleFour").val(); var titleIdFour=$("#titleIdFour").val();   var startTimeFour=$("#startTimeFour").val();   var endTimeFour=$("#endTimeFour").val(); //5var titleFive=$("#titleFive").val(); var titleIdFive=$("#titleIdFive").val();   var startTimeFive=$("#startTimeFive").val();  var endTimeFive=$("#endTimeFive").val(); //6var titleSix=$("#titleSix").val(); var titleIdSix=$("#titleIdSix").val();   var startTimeSix=$("#startTimeSix").val();  var endTimeSix=$("#endTimeSix").val(); //7var titleSeven=$("#titleSeven").val(); var titleIdSeven=$("#titleIdSeven").val();   var startTimeSeven=$("#startTimeSeven").val();  var endTimeSeven=$("#endTimeSeven").val(); //8var titleEight=$("#titleEight").val(); var titleIdEight=$("#titleIdEight").val();   var startTimeEight=$("#startTimeEight").val();  var endTimeEight=$("#endTimeEight").val(); //9var titleNine=$("#titleNine").val(); var titleIdNine=$("#titleIdNine").val();   var startTimeNine=$("#startTimeNine").val();  var endTimeNine=$("#endTimeNine").val(); //公共var id=$('#id').val();    //获取到的值是html文本var whetherAdd = "0";var addDate = new Date($("#addDate").val());var d = addDate.getDate();var m = addDate.getMonth();var y = addDate.getFullYear(); $.ajax({url:"${ctx}/basicdatamanage/calendar/getEvents",dataType:"json",data:{id},type:"post",success:function(data){for(var i=0;i<data.length;i++) {   $('#calendar').fullCalendar('renderEvent', data[i], true); // stick? = true}    }   }); $('#calendar').fullCalendar({header: {
//              left: 'prev,next today',left: '',center: 'title',
//              right: 'month,agendaWeek,agendaDay'right: ''},
//          date: date,//title:"Sep 7 - 13 2013"//start:"2022-05-02",//defaultDate:"2022-05-30 08:49",year:y, month:m,date:d,//firstDay:5,editable: true,//timeFormat: 'H:mm',//axisFormat: 'H:mm',eventClick:function(event, jsEvent, view) {$("#titleCommon").val(event.title);$("#startCommon").val($.fullCalendar.formatDate(event.start,"yyyy-MM-dd"));$("#endCommon").val($.fullCalendar.formatDate(event.end,"yyyy-MM-dd"));art.dialog({title:"编辑日程",content: document.getElementById('box'),okVal:"确定",ok: function(){if(event.id == "1"){title = $("#titleCommon").val();titleId = event.id;};if(event.id == "2"){titleTwo = $("#titleCommon").val();titleIdTwo = event.id;//$("#titleTwo").val(titleTwo);};if(event.id == "3"){titleThree = $("#titleCommon").val();titleIdThree = event.id;};if(event.id == "4"){titleFour = $("#titleCommon").val();titleIdFour = event.id;};if(event.id == "5"){titleFive = $("#titleCommon").val();titleIdFive = event.id;};if(event.id == "6"){titleSix = $("#titleCommon").val();titleIdSix = event.id;};if(event.id == "7"){titleSeven = $("#titleCommon").val();titleIdSeven = event.id;};if(event.id == "8"){titleEight = $("#titleCommon").val();titleIdEight = event.id;};if(event.id == "9"){titleNine = $("#titleCommon").val();titleIdNine = event.id;};$.ajax({url:"${ctx}/basicdatamanage/calendar/saveEvents",dataType:"json",data:{id,title,titleId,titleTwo,titleIdTwo,titleThree,titleIdThree,titleFour,titleIdFour,titleFive,titleIdFive,titleSix,titleIdSix,titleSeven,titleIdSeven,titleEight,titleIdEight,titleNine,titleIdNine},type:"post",success:function(data){console.log("修改日程成功"+data);  $('#calendar').fullCalendar('refetchEvents',); // stick? = true//通过ID，移除事件//$('#calendar').fullCalendar( 'removeEvents' , date.id);if(titleId != null ){$('#calendar').fullCalendar( 'removeEvents' , titleId);};if(titleIdTwo != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdTwo);};if(titleIdThree != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdThree);};if(titleIdFour != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFour);};if(titleIdFive != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFive);};if(titleIdSix != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSix);};if(titleIdSeven != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSeven);};if(titleIdEight != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdEight);};if(titleIdNine != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdNine);};for(var i=0;i<data.length;i++) {   $('#calendar').fullCalendar('renderEvent', data[i], true); // stick? = true}$("#titleCommon").val("");return false;}   }); if(event.id == "1"){$("#title").val(title);};if(event.id == "2"){$("#titleTwo").val(titleTwo);};if(event.id == "3"){$("#titleThree").val(titleThree);};if(event.id == "4"){$("#titleFour").val(titleFour);};if(event.id == "5"){$("#titleFive").val(titleFive);};if(event.id == "6"){$("#titleSix").val(titleSix);};if(event.id == "7"){$("#titleSeven").val(titleSeven);};if(event.id == "8"){$("#titleEight").val(titleEight);};if(event.id == "9"){$("#titleNine").val(titleNine);};return true;}, cancelVal:'取消',cancel: function(){$("#titleCommon").val("");return true;//立即关闭窗口},// 插入一个自定义按钮。button: [{name: '删除',callback: function () {if(event.id == "1"){title = "";startTime = "";endTime = "";};if(event.id == "2"){titleTwo = "";startTimeTwo = "";endTimeTwo = "";};if(event.id == "3"){titleThree = "";startTimeThree = "";endTimeThree = "";};if(event.id == "4"){titleFour = "";startTimeFour = "";endTimeFour = "";};if(event.id == "5"){titleFive = "";startTimeFive = "";endTimeFive = "";};if(event.id == "6"){titleSix = "";startTimeSix = "";endTimeSix = "";};if(event.id == "7"){titleSeven = "";startTimeSeven = "";endTimeSeven = "";};if(event.id == "8"){titleEight = "";startTimeEight = "";endTimeEight = "";};if(event.id == "9"){titleNine = "";startTimeNine = "";endTimeNine = "";};/* $("#title").val("");$("#start").val("");$("#end").val($.fullCalendar.formatDate("","yyyy-MM-dd"));*/$.ajax({url:"${ctx}/basicdatamanage/calendar/saveEvents",dataType:"json",data:{id,title,titleId,startTime,endTime,titleTwo,titleIdTwo,startTimeTwo,endTimeTwo,titleThree,titleIdThree,startTimeThree,endTimeThree,titleFour,titleIdFour,startTimeFour,endTimeFour,titleFive,titleIdFive,startTimeFive,endTimeFive,titleSix,titleIdSix,startTimeSix,endTimeSix,titleSeven,titleIdSeven,startTimeSeven,endTimeSeven,titleEight,titleIdEight,startTimeEight,endTimeEight,titleNine,titleIdNine,startTimeNine,endTimeNine},type:"post",success:function(data){console.log("修改日程成功"+data);  $('#calendar').fullCalendar('refetchEvents',); // stick? = true//通过ID，移除事件//$('#calendar').fullCalendar( 'removeEvents' , date.id);if(titleId != null ){$('#calendar').fullCalendar( 'removeEvents' , titleId);};if(titleIdTwo != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdTwo);};if(titleIdThree != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdThree);};if(titleIdFour != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFour);};if(titleIdFive != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFive);};if(titleIdSix != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSix);};if(titleIdSeven != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSeven);};if(titleIdEight != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdEight);};if(titleIdNine != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdNine);};for(var i=0;i<data.length;i++) {   $('#calendar').fullCalendar('renderEvent', data[i], true); // stick? = true}$("#titleCommon").val("");return false;}   }); /* $("#title").val("");$("#start").val("");$("#end").val($.fullCalendar.formatDate("","yyyy-MM-dd"));$('#calendar').fullCalendar( 'removeEvents' , event.id); *///设置按钮不可用（失效）disabled//disabled: true// return true;},focus: true}]});if(event.id == "1"){$("#title").val(title);};if(event.id == "2"){$("#titleTwo").val(titleTwo);};if(event.id == "3"){$("#titleThree").val(titleThree);};if(event.id == "4"){$("#titleFour").val(titleFour);};if(event.id == "5"){$("#titleFive").val(titleFive);};if(event.id == "6"){$("#titleSix").val(titleSix);};if(event.id == "7"){$("#titleSeven").val(titleSeven);};if(event.id == "8"){$("#titleEight").val(titleEight);};if(event.id == "9"){$("#titleNine").val(titleNine);};},dayClick:function(date, allDay, jsEvent, view) {if(title != "" && title != null && titleTwo != "" && titleTwo != null && titleThree != "" && titleThree != null && titleFour != "" && titleFour != null && titleFive != "" && titleFive != null && titleSix != "" && titleSix != null && titleSeven != "" && titleSeven != null && titleEight != "" && titleEight != null && titleNine != "" && titleNine != null){alert("不可继续创建！");return false;};art.dialog({title:"添加日程",content: document.getElementById('box'),okVal:"确定",ok: function(){if(title == "" || title == null){title = $("#titleCommon").val();titleId = "1";whetherAdd = "1";startTime = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTime = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleTwo == "" || titleTwo == null){titleTwo = $("#titleCommon").val();titleIdTwo = "2";whetherAdd = "2";startTimeTwo = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeTwo = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleThree == "" || titleThree == null){titleThree = $("#titleCommon").val();titleIdThree = "3";whetherAdd = "3";startTimeThree = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeThree = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleFour == "" || titleFour == null){titleFour = $("#titleCommon").val();titleIdFour = "4";whetherAdd = "4";startTimeFour = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeFour = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleFive == "" || titleFive == null){titleFive = $("#titleCommon").val();titleIdFive = "5";whetherAdd = "5";startTimeFive =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeFive =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleSix == "" || titleSix == null){titleSix = $("#titleCommon").val();titleIdSix= "6";whetherAdd = "6";startTimeSix =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeSix =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleSeven == "" || titleSeven == null){titleSeven = $("#titleCommon").val();titleIdSeven = "7";whetherAdd = "7";startTimeSeven =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeSeven =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleEight== "" || titleEight == null){titleEight = $("#titleCommon").val();titleIdEight = "8";whetherAdd = "8";startTimeEight =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeEight =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");}else if(titleNine== "" || titleNine == null){titleNine = $("#titleCommon").val();titleIdNine = "9";whetherAdd = "9";startTimeNine =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");endTimeNine =  $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm");};$.ajax({url:"${ctx}/basicdatamanage/calendar/saveEvents",dataType:"json",data:{id,title,titleId,startTime,endTime,titleTwo,titleIdTwo,startTimeTwo,endTimeTwo,titleThree,titleIdThree,startTimeThree,endTimeThree,titleFour,titleIdFour,startTimeFour,endTimeFour,titleFive,titleIdFive,startTimeFive,endTimeFive,titleSix,titleIdSix,startTimeSix,endTimeSix,titleSeven,titleIdSeven,startTimeSeven,endTimeSeven,titleEight,titleIdEight,startTimeEight,endTimeEight,titleNine,titleIdNine,startTimeNine,endTimeNine},type:"post",success:function(data){//通过ID，移除事件//$('#calendar').fullCalendar( 'removeEvents' , date.id);if(titleId != null ){$('#calendar').fullCalendar( 'removeEvents' , titleId);};if(titleIdTwo != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdTwo);};if(titleIdThree != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdThree);};if(titleIdFour != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFour);};if(titleIdFive != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdFive);};if(titleIdSix != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSix);};if(titleIdSeven != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdSeven);};if(titleIdEight != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdEight);};if(titleIdNine != null ){$('#calendar').fullCalendar( 'removeEvents' , titleIdNine);};for(var i=0;i<data.length;i++) {   $('#calendar').fullCalendar('renderEvent', data[i], true); // stick? = true}$("#titleCommon").val("");return true;//立即关闭窗口   }   });if(whetherAdd == "1"){$("#title").val(title);$("#titleId").val(titleId);$("#startTime").val(startTime);$("#endTime").val(endTime);};if(whetherAdd == "2"){$("#titleTwo").val(titleTwo);$("#titleIdTwo").val(titleIdTwo);$("#startTimeTwo").val(startTimeTwo);$("#endTimeTwo").val(endTimeTwo);};if(whetherAdd == "3"){$("#titleThree").val(titleThree);$("#titleIdThree").val(titleIdThree);$("#startTimeThree").val(startTimeThree);$("#endTimeThree").val(endTimeThree);};if(whetherAdd == "4"){$("#titleFour").val(titleFour);$("#titleIdFour").val(titleIdFour);$("#startTimeFour").val(startTimeFour);$("#endTimeFour").val(endTimeFour);};if(whetherAdd == "5"){$("#titleFive").val(titleFive);$("#titleIdFive").val(titleIdFive);$("#startTimeFive").val(startTimeFive);$("#endTimeFive").val(startTimeFive);};if(whetherAdd == "6"){$("#titleSix").val(titleSix);$("#titleIdSix").val(titleIdSix);$("#startTimeSix").val(startTimeSix);$("#endTimeSix").val(startTimeSix);};if(whetherAdd == "7"){$("#titleSeven").val(titleSeven);$("#titleIdSeven").val(titleIdSeven);$("#startTimeSeven").val(startTimeSeven);$("#endTimeSeven").val(startTimeSeven);};if(whetherAdd == "8"){$("#titleEight").val(titleEight);$("#titleIdEight").val(titleIdEight);$("#startTimeEight").val(startTimeEight);$("#endTimeEight").val(startTimeEight);};if(whetherAdd == "9"){$("#titleNine").val(titleNine);$("#titleIdNine").val(titleIdNine);$("#startTimeNine").val(startTimeNine);$("#endTimeNine").val(startTimeNine);};//this.title('警告').content('请注意artDialog两秒后将关闭！').lock().time(2);//return true;}, cancelVal:'取消',cancel: function(){$("#titleCommon").val("");return true;//立即关闭窗口},});},eventDrop:function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) { if(event.id == 1){$("#startTime").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTime").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTime = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTime = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 2){$("#startTimeTwo").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeTwo").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeTwo = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeTwo = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 3){$("#startTimeThree").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeThree").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeThree = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeThree = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 4){$("#startTimeFour").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeFour").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeFour = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeFour = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 5){$("#startTimeFive").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeFive").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeFive = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeFive = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 6){$("#startTimeSix").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeSix").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeSix = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeSix = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 7){$("#startTimeSeven").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeSeven").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeSeven = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeSeven = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 8){$("#startTimeEight").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeEight").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeEight = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeEight = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 9){$("#startTimeNine").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeNine").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeNine = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeNine = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}$.ajax({url:"${ctx}/basicdatamanage/calendar/saveEvents",dataType:"json",data:{id,title,titleId,startTime,endTime,titleTwo,titleIdTwo,startTimeTwo,endTimeTwo,titleThree,titleIdThree,startTimeThree,endTimeThree,titleFour,titleIdFour,startTimeFour,endTimeFour,titleFive,titleIdFive,startTimeFive,endTimeFive,titleSix,titleIdSix,startTimeSix,endTimeSix,titleSeven,titleIdSeven,startTimeSeven,endTimeSeven,titleEight,titleIdEight,startTimeEight,endTimeEight,titleNine,titleIdNine,startTimeNine,endTimeNine},type:"post",success:function(data){console.log("修改日程成功"+data); }   });},eventResize:function( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) { if(event.id == 1){$("#startTime").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTime").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTime = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTime = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 2){$("#startTimeTwo").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeTwo").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeTwo = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeTwo = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 3){$("#startTimeThree").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeThree").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeThree = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeThree = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 4){$("#startTimeFour").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeFour").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeFour = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeFour = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 5){$("#startTimeFive").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeFive").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeFive = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeFive = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 6){$("#startTimeSix").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeSix").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeSix = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeSix = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 7){$("#startTimeSeven").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeSeven").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeSeven = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeSeven = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 8){$("#startTimeEight").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeEight").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeEight = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeEight = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}if(event.id == 9){$("#startTimeNine").val($.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm"));$("#endTimeNine").val($.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm"));startTimeNine = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");endTimeNine = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");}$.ajax({url:"${ctx}/basicdatamanage/calendar/saveEvents",dataType:"json",data:{id,title,titleId,startTime,endTime,titleTwo,titleIdTwo,startTimeTwo,endTimeTwo,titleThree,titleIdThree,startTimeThree,endTimeThree,titleFour,titleIdFour,startTimeFour,endTimeFour,titleFive,titleIdFive,startTimeFive,endTimeFive,titleSix,titleIdSix,startTimeSix,endTimeSix,titleSeven,titleIdSeven,startTimeSeven,endTimeSeven,titleEight,titleIdEight,startTimeEight,endTimeEight,titleNine,titleIdNine,startTimeNine,endTimeNine},type:"post",success:function(data){console.log("修改日程成功"+data); }   });},});});</script>
</head><body><!--你也可以把box隐藏掉 display:none--><div id="box" style="width:200px;height:300px;display:none;" ><label>日程内容：</label><!-- <input id="title" type="text"  value="aaa" class="form-control"/><br/> --><textarea id="titleCommon" path="titleCommon" cols="20" rows="10" class="form-control"></textarea><input id="titleIdCommon" path="titleIdCommon" class="form-control Wdate-datetime hide"/><input id="startTimeCommon" path="startTimeCommon" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><input id="endTimeCommon" path="endTimeCommon" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- <label>开始时间：</label><#form:input path="start" id="start" type="date" readonly="false" maxlength="20" class="form-control Wdate-datetime "dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/><br/><label>结束时间：</label><#form:input path="end" id="end" type="date" readonly="false" maxlength="20" class="form-control Wdate-datetime "dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/><br/> --><br/><!-- <input type="button"  value="提交" onclick="submit()" class="fa fa-check"/> --><!-- <button type="button" class="btn btn-sm btn-primary" id="btnSubmit"><i class="fa "></i> ${text('提 交 ')}</button>&nbsp; --><!-- <button type="button" class="btn btn-sm btn-default" id="btnCancel" onclick="js.closeCurrentTabPage()"><i class="fa fa-reply-all"></i> ${text('关 闭')}</button> --></div>
<#form:form id="inputForm" model="${calendar}" action="${ctx}/basicdatamanage/calendar/save" method="post" class="form-horizontal"><!-- 公共 --><#form:hidden path="id" class="form-control Wdate-datetime hide"/><#form:input path="addDate" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="DateTime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 一 --><#form:input path="title" maxlength="100" class="form-control hide"/><#form:hidden path="titleId" class="form-control Wdate-datetime hide"/><#form:input path="startTime" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTime" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 二 --><#form:input path="titleTwo" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdTwo" class="form-control Wdate-datetime hide"/><#form:input path="startTimeTwo" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeTwo" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 三 --><#form:input path="titleThree" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdThree" class="form-control Wdate-datetime hide"/><#form:input path="startTimeThree" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeThree" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 四 --><#form:input path="titleFour" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdFour" class="form-control Wdate-datetime hide"/><#form:input path="startTimeFour" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeFour" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 五 --><#form:input path="titleFive" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdFive" class="form-control Wdate-datetime hide"/><#form:input path="startTimeFive" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeFive" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 六 --><#form:input path="titleSix" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdSix" class="form-control Wdate-datetime hide"/><#form:input path="startTimeSix" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeSix" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 七 --><#form:input path="titleSeven" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdSeven" class="form-control Wdate-datetime "/><#form:input path="startTimeSeven" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeSeven" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 八 --><#form:input path="titleEight" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdEight" class="form-control Wdate-datetime hide"/><#form:input path="startTimeEight" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeEight" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><!-- 九 --><#form:input path="titleNine" maxlength="100" class="form-control hide"/><#form:hidden path="titleIdNine" class="form-control Wdate-datetime hide"/><#form:input path="startTimeNine" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><#form:input path="endTimeNine" readonly="true" maxlength="20" class="form-control Wdate-datetime hide"dataFormat="String" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/><div align="center" ><div id="main" style="width:1060px"><div style="text-align:center"><!-- <a href="#" title="返回DEMO首页">DEMO</a> > <a href="">日程安排</a> --></div><div id='calendar'></div></div></div><div class="box-footer"><div class="row"><div class="col-sm-offset-2 col-sm-10" align="center"><% if (hasPermi('basicdatamanage:calendar:edit')){ %><!-- <button type="submit" class="btn btn-sm btn-primary" id="btnSubmit"><i class="fa fa-check"></i> ${text('保 存')}</button>&nbsp; --><% } %><button type="button" class="btn btn-sm btn-default" id="btnCancel" onclick="js.closeCurrentTabPage()"><i class="fa fa-reply-all"></i> ${text('关 闭')}</button></div></div></div>
</#form:form>
</body>
<% } %>
<script>
$("#inputForm").validate({submitHandler: function(form){js.ajaxSubmitForm($(form), function(data){js.showMessage(data.message);if(data.result == Global.TRUE){js.closeCurrentTabPage(function(contentWindow){contentWindow.page();});}}, "json");}
});</script>
</html>

Controller代码：

/*** Copyright (c) 2013-Now http://jeesite.com All rights reserved.*/
package com.jeesite.modules.basicdatamanage.web;import java.util.ArrayList;
import java.util.List;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.apache.shiro.authz.annotation.RequiresPermissions;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.fasterxml.jackson.annotation.JsonFormat;
import com.jeesite.common.config.Global;
import com.jeesite.common.entity.Page;
import com.jeesite.common.web.BaseController;
import com.jeesite.modules.basicdatamanage.entity.Calendar;
import com.jeesite.modules.basicdatamanage.entity.Event;
import com.jeesite.modules.basicdatamanage.service.CalendarService;/*** 日程Controller* @author yu* @version 2021-11-04*/
@Controller
@RequestMapping(value = "${adminPath}/basicdatamanage/calendar")
public class CalendarController extends BaseController {@Autowiredprivate CalendarService calendarService;/*** 获取数据*/@ModelAttributepublic Calendar get(String id, boolean isNewRecord) {return calendarService.get(id, isNewRecord);}/*** 查询列表*/@RequiresPermissions("basicdatamanage:calendar:view")@RequestMapping(value = {"list", ""})public String list(Calendar calendar, Model model) {model.addAttribute("calendar", calendar);return "modules/basicdatamanage/calendarList";}/*** 查询列表数据*/@RequiresPermissions("basicdatamanage:calendar:view")@RequestMapping(value = "listData")@ResponseBodypublic Page<Calendar> listData(Calendar calendar, HttpServletRequest request, HttpServletResponse response) {calendar.setPage(new Page<>(request, response));Page<Calendar> page = calendarService.findPage(calendar);return page;}/*** 查看编辑表单*/@RequiresPermissions("basicdatamanage:calendar:view")@RequestMapping(value = "form")public String form(Calendar calendar, Model model) {model.addAttribute("calendar", calendar);return "modules/basicdatamanage/calendarForm";}/*** Date*/@RequiresPermissions("basicdatamanage:calendar:view")@RequestMapping(value = "date")public String demo(Calendar calendar, Model model) {model.addAttribute("calendar", calendar);return "modules/basicdatamanage/demoDate";}/*** 保存数据*/@RequiresPermissions("basicdatamanage:calendar:edit")@PostMapping(value = "save")@ResponseBodypublic String save(@Validated Calendar calendar) {calendarService.save(calendar);return renderResult(Global.TRUE, text("保存工作日程成功！"));}/*** 停用数据*/@RequiresPermissions("basicdatamanage:calendar:edit")@RequestMapping(value = "disable")@ResponseBodypublic String disable(Calendar calendar) {calendar.setStatus(Calendar.STATUS_DISABLE);calendarService.updateStatus(calendar);return renderResult(Global.TRUE, text("停用工作日程成功"));}/*** 启用数据*/@RequiresPermissions("basicdatamanage:calendar:edit")@RequestMapping(value = "enable")@ResponseBodypublic String enable(Calendar calendar) {calendar.setStatus(Calendar.STATUS_NORMAL);calendarService.updateStatus(calendar);return renderResult(Global.TRUE, text("启用工作日程成功"));}/*** 删除数据*/@RequiresPermissions("basicdatamanage:calendar:edit")@RequestMapping(value = "delete")@ResponseBodypublic String delete(Calendar calendar) {calendarService.delete(calendar);return renderResult(Global.TRUE, text("删除工作日程成功！"));}/*** Events数据源*/@RequiresPermissions("basicdatamanage:calendar:edit")@PostMapping(value = "getEvents")@ResponseBodypublic JSON getEvents(@Validated Calendar calendar) {//List<Event> eventList = calendarService.eventPack(calendar);return (JSON) JSONObject.toJSON(calendarService.eventPack(calendar));}/*** 获取空字段*/
//  @RequiresPermissions("basicdatamanage:calendar:edit")
//  @PostMapping(value = "getEmptyVal")
//  @ResponseBody
//  public JSON getEmptyVal(@Validated Calendar calendar) {
//
//      List<Calendar> calendarList = calendarService.findList(calendar);
//
//      return (JSON) JSONObject.toJSON(calendarList.get(0));
//  }/*** SaveEvent数据*/@RequiresPermissions("basicdatamanage:calendar:edit")@PostMapping(value = "saveEvents")@ResponseBodypublic JSON saveEvents(@Validated Calendar calendar) {calendarService.save(calendar);System.out.println("断点测试！");return (JSON) JSONObject.toJSON(calendarService.eventPack(calendar));//return renderResult(Global.TRUE, text("保存工作日程成功！"));}/*** 删除排班*/@RequiresPermissions("basicdatamanage:calendar:edit")@PostMapping(value = "deleteCalendar")@ResponseBodypublic String deleteCalendar(@Validated Calendar calendar) {calendarService.deleteCalendar(calendar);return renderResult(Global.TRUE, text("删除工作日程成功！"));}}

Service：

/*** Copyright (c) 2013-Now http://jeesite.com All rights reserved.*/
package com.jeesite.modules.basicdatamanage.service;import java.util.ArrayList;
import java.util.List;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;import com.jeesite.common.entity.Page;
import com.jeesite.common.service.CrudService;
import com.jeesite.modules.basicdatamanage.entity.Calendar;
import com.jeesite.modules.basicdatamanage.entity.Event;
import com.jeesite.modules.basicdatamanage.dao.CalendarDao;/*** 工作日程维护管理Service* @author yu* @version 2021-11-04*/
@Service
@Transactional(readOnly=false)
public class CalendarService extends CrudService<CalendarDao, Calendar> {@Autowiredprivate  CalendarDao calendarDao;/*** 获取单条数据* @param calendar* @return*/@Overridepublic Calendar get(Calendar calendar) {return super.get(calendar);}/*** 查询分页数据* @param calendar 查询条件* @param calendar.page 分页对象* @return*/@Overridepublic Page<Calendar> findPage(Calendar calendar) {return super.findPage(calendar);}/*** 保存数据（插入或更新）* @param calendar*/@Override@Transactional(readOnly=false)public void save(Calendar calendar) {super.save(calendar);}/*** 更新状态* @param calendar*/@Override@Transactional(readOnly=false)public void updateStatus(Calendar calendar) {super.updateStatus(calendar);}/*** 删除数据* @param calendar*/@Override@Transactional(readOnly=false)public void delete(Calendar calendar) {super.delete(calendar);}/***  Event封装* @param calendar*/public List<Event> eventPack(Calendar calendar) {List<Calendar> calendarlist = findList(calendar);List<Event>  eventList= new ArrayList<Event>();Event eventOwn = new Event();Event eventTwo = new Event();Event eventThree = new Event();Event eventFour = new Event();Event eventFive = new Event();Event eventSix = new Event();Event eventSeven = new Event();Event eventEight = new Event();Event eventNine = new Event();try {eventOwn.setId(calendarlist.get(0).getTitleId());eventOwn.setTitle(calendarlist.get(0).getTitle());eventOwn.setStart(calendarlist.get(0).getStartTime());eventOwn.setEnd(calendarlist.get(0).getEndTime());eventList.add(eventOwn);} catch (Exception e) {// TODO: handle exception}try {eventTwo.setId(calendarlist.get(0).getTitleIdTwo());eventTwo.setTitle(calendarlist.get(0).getTitleTwo());eventTwo.setStart(calendarlist.get(0).getStartTimeTwo().toString());eventTwo.setEnd(calendarlist.get(0).getEndTimeTwo().toString());eventList.add(eventTwo);} catch (Exception e) {// TODO: handle exception}try {eventThree.setId(calendarlist.get(0).getTitleIdThree());eventThree.setTitle(calendarlist.get(0).getTitleThree());eventThree.setStart(calendarlist.get(0).getStartTimeThree().toString());eventThree.setEnd(calendarlist.get(0).getEndTimeThree().toString());eventList.add(eventThree);} catch (Exception e) {// TODO: handle exception}try {eventFour.setId(calendarlist.get(0).getTitleIdFour());eventFour.setTitle(calendarlist.get(0).getTitleFour());eventFour.setStart(calendarlist.get(0).getStartTimeFour().toString());eventFour.setEnd(calendarlist.get(0).getEndTimeFour().toString());eventList.add(eventFour);} catch (Exception e) {// TODO: handle exception}try {eventFive.setId(calendarlist.get(0).getTitleIdFive());eventFive.setTitle(calendarlist.get(0).getTitleFive());eventFive.setStart(calendarlist.get(0).getStartTimeFive().toString());eventFive.setEnd(calendarlist.get(0).getEndTimeFive().toString());eventList.add(eventFive);} catch (Exception e) {// TODO: handle exception}try {eventSix.setId(calendarlist.get(0).getTitleIdSix());eventSix.setTitle(calendarlist.get(0).getTitleSix());eventSix.setStart(calendarlist.get(0).getStartTimeSix().toString());eventSix.setEnd(calendarlist.get(0).getEndTimeSix().toString());eventList.add(eventSix);} catch (Exception e) {// TODO: handle exception}try {eventSeven.setId(calendarlist.get(0).getTitleIdSeven());eventSeven.setTitle(calendarlist.get(0).getTitleSeven());eventSeven.setStart(calendarlist.get(0).getStartTimeSeven().toString());eventSeven.setEnd(calendarlist.get(0).getEndTimeSeven().toString());eventList.add(eventSeven);} catch (Exception e) {// TODO: handle exception}try {eventEight.setId(calendarlist.get(0).getTitleIdEight());eventEight.setTitle(calendarlist.get(0).getTitleEight());eventEight.setStart(calendarlist.get(0).getStartTimeEight().toString());eventEight.setEnd(calendarlist.get(0).getEndTimeEight().toString());eventList.add(eventEight);} catch (Exception e) {// TODO: handle exception}try {eventNine.setId(calendarlist.get(0).getTitleIdNine());eventNine.setTitle(calendarlist.get(0).getTitleNine());eventNine.setStart(calendarlist.get(0).getStartTimeNine().toString());eventNine.setEnd(calendarlist.get(0).getEndTimeNine().toString());eventList.add(eventNine);} catch (Exception e) {// TODO: handle exception}return eventList;}/*** * 删除calendar* @param calendar*/public void deleteCalendar(Calendar calendar) {calendarDao.deleteCalendar(calendar);}}

工具栏实体：

package com.jeesite.modules.basicdatamanage.entity;public class Event
{private java.lang.String id;private java.lang.String title;private java.lang.String start;private java.lang.String end;private java.lang.String color;private java.lang.String allDay;private java.lang.String className;public java.lang.String getId() {return id;}public void setId(java.lang.String id) {this.id = id;}public java.lang.String getTitle() {return title;}public void setTitle(java.lang.String title) {this.title = title;}public java.lang.String getStart() {return start;}public void setStart(java.lang.String start) {this.start = start;}public java.lang.String getEnd() {return end;}public void setEnd(java.lang.String end) {this.end = end;}public java.lang.String getColor() {return color;}public void setColor(java.lang.String color) {this.color = color;}public java.lang.String getAllDay() {return allDay;}public void setAllDay(java.lang.String allDay) {this.allDay= allDay;}public java.lang.String getClassName() {return className;}public void setClassName(java.lang.String className) {this.className = className;}
}

Jeesite引用fullcalendar实现日程排班相关推荐

vue快速集成Fullcalendar日程排班
vue快速集成Fullcalendar日程排班官方文档地址:https://fullcalendar.io/docs/vue 1. 安装以下FullCalendar依赖 npm install -- ...
基于Vue的日程排班表 - common-schedule
common-schedule 基于Vue的日程排班表,根据不同的时间显示粒度设置granularity的值,支持年/月/日/小时安装 npm install common-schedule 实用场 ...
FullCalendar 日历插件排班表排课表保姆级详解(可拖动排班排课)
(基于vue)实现效果文章目录前言一.FullCalendar是什么? 二.使用步骤 1.引入库 2.html部分代码 3.css样式代码(样式我单独写个scss文件引入的) 4.逻辑代码部分 ...
前端ui组件(1):日程排班—11个优秀JavaScript 日历插件
日历是我们生活中重要的一部分.在当今世界,人们大多使用网络或移动日历.它们随处可见,包括在各种软件中:预订应用.旅行软件.项目管理.管理面板等. 出于多种原因,用户可能需要在网站上使用日历.用户需要容 ...
干货分享---记录一次vue +element-ui+ FullCalendar日历表实现排班/排课的功能
先上效果图 1.安装,因产品需求,只需要显示天视图和周视图. npm install --save "@fullcalendar/core" npm install --save ...
js 排班插件_js jquery 实现排班,轮班，日历，日程。使用fullcalendar 插件
如果想用fullcalendar实现排班功能,或者日历.日程功能.那么只需要简单的几步: 这里先挂官网链接: fullcalendar fullcalendar官网下载链接一.下载及简单配置 1.这 ...
js jquery 实现排班,轮班，日历，日程。使用fullcalendar 插件
如果想用fullcalendar实现排班功能,或者日历.日程功能.那么只需要简单的几步: 这里先挂官网链接: fullcalendar fullcalendar官网下载链接一.下载及简单配置 1.这 ...
VUE fullcalendar 制作排班
1.首先在已创建好的VUE项目下用使用命令行安装好fullcalendar依赖,整行输入enter就行 VUE2: npm install --save @fullcalendar/vue @full ...
使用.Net Core与Google Optimization Tools实现员工排班计划Scheduling
上一篇说完<Google Optimization Tools介绍>,让大家初步了解了Google Optimization Tools是一款约束求解(CP)的高效套件.那么我们用.Net ...

Jeesite引用fullcalendar实现日程排班

Jeesite引用fullcalendar实现日程排班相关推荐

最新文章

热门文章