Skip to content
Full-sized drag & drop event calendar (jQuery plugin)
JavaScript PHP
Pull request Compare This branch is 25 commits ahead, 1000 commits behind fullcalendar:master.
Latest commit c888abb Nov 7, 2012 Thomas B Merged changes from upstream version 1.5.4
Failed to load latest commit information.
build
demos bundle jQuery 1.8.1 and jQuery UI 1.8.23 Sep 4, 2012
lib bundle jQuery 1.8.1 and jQuery UI 1.8.23 Sep 5, 2012
src Merged changes from upstream version 1.5.4 Nov 7, 2012
tests Fix overflow link computation in month view when events spread over m… Jun 27, 2012
.gitignore
GPL-LICENSE.txt Settling into Git by including a markdown README file and updating th… Nov 22, 2009
MIT-LICENSE.txt Settling into Git by including a markdown README file and updating th… Nov 23, 2009
Makefile Makefile now works on a Mac Apr 3, 2011
README.mkd Corrected fork info Mar 4, 2012
changelog.txt update changelog Sep 4, 2012
version.txt Merged changes from upstream version 1.5.4 Nov 7, 2012

README.mkd

FullCalendar - Full-sized drag & drop event calendar

About this fork (roundcube)

This fork adds features either requested in the issue tracker or needed for the Roundcube calendar plugin.

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() {

    $('#calendar').fullCalendar({
        // your options here
    });

});

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

Something went wrong with that request. Please try again.