Basic calendar setup

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source and dual licensed under the MIT or GPL Version 2 licenses.

today

July 2025

monthweekday
SunMonTueWedThuFriSat
29
 
30
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
All Day Event
   
Long Event
   
4pRepeating Event
   
10:30aMeeting
   
4pRepeating Event
   
7pBirthday Party
   
12pLunch
   
Walking Pixels website
   

Calendar with Google Calendar feed

FullCalendar is very flexible with tons of options. Except of your own events feed you can use Google or iCal calendars as your feed. This demo demonstrate Google US Holidays calendar as data feed.

today

July 2025

monthweekday
SunMonTueWedThuFriSat
29
 
30
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
today

July 2025

monthweekday
SunMonTueWedThuFriSat
29
 
30
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
All Day Event
   
Long Event
   
4pRepeating Event
   
10:30aMeeting
   
4pRepeating Event
   
7pBirthday Party
   
12pLunch
   
Walking Pixels website