b2941025f1
* 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 |
||
---|---|---|
build | ||
demos | ||
lib | ||
src | ||
tests | ||
.gitignore | ||
changelog.txt | ||
GPL-LICENSE.txt | ||
Makefile | ||
MIT-LICENSE.txt | ||
README.mkd | ||
version.txt |
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