Skip to content

Full-sized drag & drop event calendar (jQuery plugin)

License

GPL-2.0, MIT licenses found

Licenses found

GPL-2.0
GPL-LICENSE.txt
MIT
MIT-LICENSE.txt
Notifications You must be signed in to change notification settings

ghedwards/fullcalendar

 
 

Repository files navigation

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 »

Additional Features available in this forked version of Full Calendar

Views

agendaMultiday / basicDay

Multiday view provides a view that supports customizable multiple day rendering (one similar to Week View).

The numbers of day to render can be customized by setting daysinmultiday option. Default value is 5. Hide weekends is not available in this view. For titleFormat, columnFormat, buttonText use multiday option to set text.

The example below renders multiday view fo calendar for 6 days

$(document).ready(function() {

	$('#calendar').fullCalendar({
		defaultView:'agendaMultiday',
		daysinmultiday: 6,
		titleFormat: {
			multiday : "MMM d[ yyyy]{ '&#8212;'[ MMM] d yyyy}",
			},
		columnFormat: {
			multiday: 'dddd M/d'
			},
		buttonText: {
			multiday: 'multiday'
			}
	});

});

General Options

allDaySlotAutoHide : boolean

allDaySlotAutoHide hides the allDaySlot in agenda views when there are no all day events rendered in view

About

Full-sized drag & drop event calendar (jQuery plugin)

Resources

License

GPL-2.0, MIT licenses found

Licenses found

GPL-2.0
GPL-LICENSE.txt
MIT
MIT-LICENSE.txt

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.9%
  • PHP 0.1%