JavaWeb项目FullCalendar日历插件使用的示例代码

本文介绍了JavaWeb项目FullCalendar日历插件使用的示例代码，分享给大家，具体如下：

使用FullCalendar需要引用的文件

1.css文件

2.js文件

<link href="${base}/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="external nofollow" rel="stylesheet" type="text/css" />
<script src="${base}/assets/global/plugins/fullcalendar/fullcalendar.min.js"
    type="text/javascript"></script>

生成日历主界面

FullCalendar·里有个events属性，可以从数据库查询数据动态添加事项

events: function(start,end,timezone, callback) {
        //当前日期
        var date = this.getDate().format('YYYY-MM-DD');
        $.ajax({
          url: ctx + "/teach/attend-getCalendarEventsByClazzId.do",
          dataType: 'json',
          data: {
            calendarClazzId : function(){
              return calendarClazzId;
            },
            date : date
          },
          success: function(result) { 
            var events = [];
            $.each(result,function(index,r){
              var beginTime = r.dateTime.substring(0,11) + r.beginTime.substring(11,20);
              var endTime = r.dateTime.substring(0,11) + r.endTime.substring(11,20);
              if(r.numbers != 0) {
                events.push({
                  title : r.numbers + "人缺勤",
                  id : r.id,
                  start : beginTime,
                  end : endTime,
                  backgroundColor : r.numbers >= 3 ? Metronic.getBrandColor('red') :Metronic.getBrandColor('yellow')
                });
              } else {
                events.push({
                  title : "全部出勤",
                  id : r.id,
                  start : beginTime,
                  end : endTime,
                  backgroundColor : Metronic.getBrandColor('green')
                });
              }

            })
            callback(events);
          }
        });
      },

 可以给传递到后台的参数重新赋值，并刷新页面事项，可以调用如下代码：

$('#calendar').fullCalendar('refetchEvents');

没选择班级之前默认日历界面

选择不同的班级，ajax会根据不同的班级id以及当前日期到后台查询事项并刷新\

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Java  # FullCalendar日历插件  # fullcalendar日历  # fullcalendar 

相关文章： 独立制作一个网站多少钱,建立网站需要花多少钱？  网站制作公司排行榜,四大门户网站排名？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  三星网站视频制作教程下载,三星w23网页如何全屏？  如何通过VPS搭建网站快速盈利？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  如何用花生壳三步快速搭建专属网站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  高防服务器租用指南：配置选择与快速部署攻略  如何快速配置高效服务器建站软件？  文字头像制作网站推荐软件,醒图能自动配文字吗？  如何选择服务器才能高效搭建专属网站？  宁波自助建站系统如何快速打造专业企业网站？  建站之星与建站宝盒如何选择最佳方案？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  SQL查询语句优化的实用方法总结  c# 服务器GC和工作站GC的区别和设置  网站微信制作软件,如何制作微信链接？  如何高效搭建专业期货交易平台网站？  ,柠檬视频怎样兑换vip？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何通过wdcp面板快速创建网站？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  网站设计制作公司地址,网站建设比较好的公司都有哪些？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  建站之星北京办公室：智能建站系统与小程序生成方案解析  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  在线制作视频网站免费,都有哪些好的动漫网站？  如何通过PHP快速构建高效问答网站功能？  ppt制作免费网站有哪些,ppt模板免费下载网站？  建站之星2.7模板快速切换与批量管理功能操作指南  PHP正则匹配日期和时间(时间戳转换)的实例代码  香港服务器建站指南：免备案优势与SEO优化技巧全解析  制作销售网站教学视频,销售网站有哪些？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  中山网站推广排名,中山信息港登录入口？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站主机类型有哪些？如何正确选型  小型网站制作HTML,*游戏网站怎么搭建？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  如何有效防御Web建站篡改攻击？  如何通过云梦建站系统实现SEO快速优化？  如何通过虚拟主机空间快速建站？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  Bpmn 2.0的XML文件怎么画流程图  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  教程网站设计制作软件,怎么创建自己的一个网站？