FullCalendar作为一款功能强大的日历插件,用途十分广泛。今天我们用它来实现一个简单的节假日设置功能,代码非常简洁,有助于理解插件的调用方式。本文代码需用到SpringMVC和Mysql。
1、在官网下载fullCalendar.js(LZ的js和样式都是改过的,可以在文末下载)
2、创建页面
- 2.1定义一个div:
<div id="calendar" style="width: 600px"></div>
- 2.2在Script中调用fullCalendar插件,脚本如下:
function calendarInit(){
$('#calendar').fullCalendar({
theme: false,
header: {
left: 'prev,next',
center: 'title',
right: 'today'//,agendaWeek,agendaDay
},
monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
dayNames: ["周日", "周一", "周二", "周三", "周四", "周五",