java显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码

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

使用FullCalendar需要引用的文件

1.css文件

2.js文件

生成日历主界面

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显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码相关推荐

Java代码安装maven jar_Java中Maven项目导出jar包配置的示例代码
具体代码如下所示: src/main/java src/main/resources ${project.build.directory} **/*.java src/test/java src/te ...
Java EasyExcel在Web网站中读写Excel的方法及示例代码
使用EasyExcel可以更容易简单在Web网站中读写Excel,本文主要介绍在Java Web网站中读写Excel方法及示例代码. 原文地址:Java EasyExcel在Web网站中读写Excel ...
java 添加一个线程、创建响应的用户界面。演示示例代码
javajava 添加一个线程.创建响应的用户界面 . 演示示例代码来自thinking in java 4 21章部分的代码夹21.2.11 thinking in java 4免费下载: ...
java雪崩_【并发编程】java 如何解决redis缓存穿透、缓存雪崩（高性能示例代码）...
[并发编程]java 如何解决redis缓存穿透.缓存雪崩(高性能示例代码) 发布时间:2018-11-22 16:48, 浏览次数:872 , 标签: java redis <>缓存穿透 ...
java实时汇率的接口_eoLinker-API_Shop_汇率查询_API接口_Java调用示例代码
eoLinker-API Shop 汇率查询 Java调用示例代码汇率查询提供汇率转换.单个货币对应的热门货币汇率行情,包括人民币.美元.欧元.英镑等100多种货币的实时汇率查询. 该产品拥有以下 ...
java 如何导出json文件_java导出json格式文件的示例代码
本文介绍了java导出json格式文件的示例代码,分享给大家,具体如下: import java.io.File; import java.io.FileWriter; import java.io. ...
JAVA锁之可重入锁和递归锁及示例代码
概念:可重入锁指的是同一线程外层函数获得锁之后,内层递归函数仍然能获取该锁的代码在同一个线程在外层方法获取锁的时候,在进入内层方法会自动获取锁也即是说,线程可以进入任何一个它已经拥有的锁所同步着的代 ...
java人体识别_【人体分析-人像分割】JavaAPI示例代码
接口能力: 对于输入的一张图片(可正常解码,且长宽比适宜),识别人体的轮廓范围,与背景进行分离,适用于拍照背景替换.照片合成.身体特效等场景.输入正常人像图片,返回分割后的二值结果图和分割类型(目前仅 ...
java图片放大_【图像处理-图像无损放大】JavaAPI示例代码
属于内测接口,需要申请哦. 接口说明:http://ai.baidu.com/docs#/ImageProcessing-API/815af37c 需要用到的第三方jar com.alibaba fa ...

java显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码

java显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码相关推荐

最新文章

热门文章

java显示日历 插件_JavaWeb项目FullCalendar日历插件使用的示例代码

java显示日历 插件_JavaWeb项目FullCalendar日历插件使用的示例代码相关推荐

最新文章

热门文章

java显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码

java显示日历插件_JavaWeb项目FullCalendar日历插件使用的示例代码相关推荐