Full-sized drag & drop event calendar (jQuery plugin)
 
 
 
 
Go to file
Wojciech Zylinski b2941025f1 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:
* 1229: In "Week" and "Day" modes, selection doesn't work correctly if font-size != 14px
* 650: my events does not render correctly
* 1035:	On select click event selection start below mouse position
* 1149: strange behavior in selectable demo
2012-01-08 22:46:27 +00: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 now works on a Mac 2011-04-03 19:28:50 -07: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

README.mkd

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

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

});

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

I18n

To localize fullCalendar You can use i18n for jquery datepicker.

$.fullCalendar.applyLocale($.datepicker.regional['ru']);

Other texts could be modified via method setDefaults:

$.fullCalendar.setDefaults({
  buttonText: {
    month: 'month',
    week: 'week',
    day: 'day'
  }
});

See all available locales here: I18n