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 

相关文章： 如何快速查询网址的建站时间与历史轨迹？  如何确保FTP站点访问权限与数据传输安全？  如何在阿里云ECS服务器部署织梦CMS网站？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  常州自助建站费用包含哪些项目？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何获取上海专业网站定制建站电话？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  广德云建站网站建设方案与建站流程优化指南  b2c电商网站制作流程,b2c水平综合的电商平台？  如何高效完成独享虚拟主机建站？  建站主机选购指南：核心配置与性价比推荐解析  如何在Windows服务器上快速搭建网站？  如何高效完成自助建站业务培训？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  网站制作公司,橙子建站是合法的吗？  简单实现Android验证码  行程制作网站有哪些,第三方机票电子行程单怎么开？  建站之星与建站宝盒如何选择最佳方案？  深圳网站制作案例,网页的相关名词有哪些？  建站之星CMS五站合一模板配置与SEO优化指南  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  小型网站建站如何选择虚拟主机？  做企业网站制作流程,企业网站制作基本流程有哪些？  如何通过二级域名建站提升品牌影响力？    制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在IIS中配置站点IP、端口及主机头？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  建站之星如何实现PC+手机+微信网站五合一建站？  建站之星3.0如何解决常见操作问题？  Swift中swift中的switch 语句  如何在云主机上快速搭建网站？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  建站之星代理费用多少？最新价格详情介绍  网站制作知乎推荐,想做自己的网站用什么工具比较好？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  测试制作网站有哪些,测试性取向的权威测试或者网站？  Bpmn 2.0的XML文件怎么画流程图  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  如何通过FTP空间快速搭建安全高效网站？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  ,巨量百应是干嘛的？  建站OpenVZ教程与优化策略：配置指南与性能提升  如何快速打造个性化非模板自助建站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站之星多图banner生成与模板自定义指南  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？