JavaWeb項(xiàng)目FullCalendar日歷插件使用的示例代碼
本文介紹了JavaWeb項(xiàng)目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·里有個(gè)events屬性,可以從數(shù)據(jù)庫(kù)查詢數(shù)據(jù)動(dòng)態(tài)添加事項(xiàng)
events: function(start,end,timezone, callback) { //當(dāng)前日期 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); } }); },
可以給傳遞到后臺(tái)的參數(shù)重新賦值,并刷新頁(yè)面事項(xiàng),可以調(diào)用如下代碼:
$('#calendar').fullCalendar('refetchEvents');
沒(méi)選擇班級(jí)之前默認(rèn)日歷界面
選擇不同的班級(jí),ajax會(huì)根據(jù)不同的班級(jí)id以及當(dāng)前日期到后臺(tái)查詢事項(xiàng)并刷新\
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Java使用Lambda表達(dá)式查找list集合中是否包含某值問(wèn)題
Java使用Lambda表達(dá)式查找list集合中是否包含某值的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06Java編程實(shí)現(xiàn)高斯模糊和圖像的空間卷積詳解
這篇文章主要介紹了Java編程實(shí)現(xiàn)高斯模糊和圖像的空間卷積詳解,具有一定參考價(jià)值,需要的朋友可以了解下。2017-11-11JAVA超級(jí)簡(jiǎn)單的爬蟲(chóng)實(shí)例講解
下面小編就為大家?guī)?lái)一篇JAVA超級(jí)簡(jiǎn)單的爬蟲(chóng)實(shí)例講解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10解決SpringBoot下Redis序列化亂碼的問(wèn)題
這篇文章主要介紹了解決SpringBoot下Redis序列化亂碼的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06java數(shù)組實(shí)現(xiàn)循環(huán)隊(duì)列示例介紹
大家好,本篇文章主要講的是java數(shù)組實(shí)現(xiàn)循環(huán)隊(duì)列示例介紹,感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽2022-01-01Shell重啟SpringBoot項(xiàng)目腳本的示例代碼(含服務(wù)守護(hù))
本文介紹了如何使用?Bash?腳本來(lái)管理和守護(hù)運(yùn)行服務(wù),將展示一個(gè)示例腳本,該腳本可以停止、啟動(dòng)和守護(hù)運(yùn)行一個(gè)服務(wù),并提供了相應(yīng)的解釋和用法說(shuō)明,文章通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11