Full-sized drag & drop event calendar (jQuery plugin)
Go to file
Denis Knauf faa16696d2 Makefile: Makefile instead shellscript 2012-01-23 13:29:56 +01:00
build refactored js, split into more files (much more manageable). tested 2010-09-18 22:54:35 -07:00
demos final touches for 1.5.1 2011-04-09 14:09:51 -07:00
lib using jquery 1.7, latest jquery ui, and fixed dragging bug (issue 1168) 2011-11-19 18:21:10 -08:00
src Calculate slot height based on the second row instead of first inner div. The reason we pick second row is to substract height of the first row (without border-top) to also calculate border-size. This should fix following issues: 2012-01-08 22:46:27 +00:00
tests Adding 4 weeks view 2011-09-10 17:55:12 +02:00
.gitignore small modification to tauren's parseISO8601 changes 2011-04-03 22:41:03 -07:00
GPL-LICENSE.txt Settling into Git by including a markdown README file and updating the build process DATE variable. 2009-11-22 20:45:19 -08:00
MIT-LICENSE.txt Settling into Git by including a markdown README file and updating the build process DATE variable. 2009-11-22 20:45:19 -08:00
Makefile Makefile: Makefile instead shellscript 2012-01-23 13:29:56 +01:00
README.mkd link to I18n page 2011-07-19 17:13:29 +04:00
changelog.txt Fix for Issue 1130: updateEvent backgroundColor bug 2012-01-08 04:00:23 +00:00
version.txt final touches for 1.5.2 2011-08-21 22:06:09 -07:00


FullCalendar - Full-sized drag & drop event calendar

Development and testing

Modify files in the src/ directory and test your changes by viewing any of the HTML files in the tests/ directory. Each test file exercises a particular aspect of FullCalendar, so you might want to create your own test file if you are developing a substantial new feature.

Building from source

You must have a Java runtime environment (accessible by the java command) for minification. Then, run make zip and check the dist/ directory for your newly created ZIP archive. To start fresh, run the make clean command.

Getting started

Assuming you have downloaded a release, or built your own, you can get started by including the following dependencies in the <HEAD> of your HTML file:

<link rel='stylesheet' type='text/css' href='fullcalendar.css' />  <!-- required stylesheet          -->
<script type='text/javascript' src='jquery.js'></script>           <!-- need jQuery >= v1.2.6        -->
<script type='text/javascript' src='fullcalendar.min.js'></script> <!-- can also use fullcalendar.js -->

If you plan to use the drag/drop/resize functionality, you must include jQuery UI draggable and resizable. You can download a custom build or use the bundled files, like so:

<script type='text/javascript' src='ui.core.js'></script>
<script type='text/javascript' src='ui.draggable.js'></script>
<script type='text/javascript' src='ui.resizable.js'></script>

Somewhere in your javascript you need to initialize a FullCalendar within a pre-existing element. Here is an example of doing it within an element having an id of calendar:

$(document).ready(function() {

		// your options here


To see a full list of all available options, please consult the FullCalendar documentation »


To localize fullCalendar You can use i18n for jquery datepicker.


Other texts could be modified via method setDefaults:

  buttonText: {
    month: 'month',
    week: 'week',
    day: 'day'

See all available locales here: I18n