fullcalendar 的帮助文档 可见地址:http://arshaw.com/fullcalendar/docs/
jQuery日历FullCalendar插件是一个非常不错的日历工具,可用于制作日程表或计划安排
里有3种显示events的方式
1 events (as an array) 这种课见帮助
2 events (as a json feed) 此时
$('#calendar').fullCalendar({
events: {
url: '<%=request.getContextPath()%>/displayAction.do?method=testJson' //你的controller的地址
type: 'POST',
error: function() {
alert('there was an error while fetching events!');
},
color:'yellow',// 背景色
textColor:'black'// 文字颜色
}
});
java代码
public ModelAndView testJson(HttpServletRequest request, HttpServletResponse response) {
String strvalue = "[{\"id\":111,\"title\":\"Event1\",\"start\":\"2012-03-10\",\"url\":\"http:\\/\\/yahoo.com\\/\"},{\"id\":222,\"title\":\"Event2\",\"start\":\"2012-03-20\",\"end\":\"2012-03-22\",\"url\":\"http:\\/\\/yahoo.com\\/\"}]";
response.setCharacterEncoding("UTF-8");
System.out.println("strvalue="+strvalue);
try {
response.getWriter().print(strvalue);
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
3 events (as a function)
$('#calendar').fullCalendar({
events:function(start, end, callback) {
$.ajax({
url:"<%=request.getContextPath()%>/displayAction.do?method=getTitle",
cache:false,
success:function(doc) {
eval("var j=" + doc);
var events = [];
var info = j.eventinfo;
for (var i = 0; i < info.length; i++) {
var ev = info[i];
var title = ev.title;
var evtstart = new Date(Date.parse(ev.start));
var evtend = new Date(Date.parse(ev.end));
events.push({
title:title,
start:evtstart,
end:evtend,
id:1
});
}
callback(events);
},
error:function() {
alert('sdf')
}
})
}
})
java代码
public ModelAndView getTitle(HttpServletRequest request, HttpServletResponse response) {
String strvalue = "{ 'eventinfo':[{day: '3/3/2012',eventtitle:'test1'},{day: '3/8/2012',eventtitle:'test2'} ]} ";
response.setCharacterEncoding("UTF-8");
System.out.println("strvalue="+strvalue);
try {
response.getWriter().print(strvalue);
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
分享到:
相关推荐
fullcalendar扩展双击事件 源码版(直接改动源码)和扩展版(支持新版本)
FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。...
这是一个增、删、改、展示等功能完整的fullcalendar日期控件,使用java结合mysql数据库实现,而且后台使用的是最基本的servlet来实现,既方便初学者的学习也方便对此插件的改造从而加入到自己的项目中,其中还融入了...
java json ajax fullcalendar json
fullcalendar利用html显示出来而且是最新的3.2.0
已修改成带中国节日节气
fullcalendar改造后插件 增加农历显示,节假日设置,上下班设置等
基于SpringBoot和fullCalendar的会议室预约系统设计源码,该项目包含143个文件,主要文件类型有75个gif动画文件,28个javascript文件,13个java源文件,10个css样式文件,以及3个xml配置文件。此外,还包括3个html...
NULL 博文链接:https://lihong11.iteye.com/blog/1897471
日程安排:jQuery的日历插件 FullCalendar Java MySQL
fullcalendar-scheduler-master
日程安排,FullCalendar,日历,JSON,jquery实例 在线演示FullCalendar新建、修改和删除日程事件的示例。
fullcalendar支持农历 节气 节假日 完成年历功能 可以支持假期,选择等功能
fullcalendar教程
首先第一步就是在需要调用FullCalendar日程插件的页面中载入必要的javascript和css文件,包括jQuery库文件,FullCalendar插件以及FullCalendar样式表。如果您还想要拖动日程的功能,那么还需要加入jQuery ui插件。 ...
fullcalendar 显示自定义样式 “班” 、“休”、“假” 使用方法 在 events: [ { title: 'Business Lunch', start: '2016-06-03T13:00:00', constraint: 'businessHours', isWorkday:...
基于fullCalendar2.2.7 增加年视图,方便大方
用fullcalendar做的日程管理,有代码
fullCalendar api中文文档
fullcalendar日历 可点击事件