A full interactive Calendar UI built for Vanilla JS or use in other frontend frameworks.

#javascript #js #vanillajs #ui #frontend #webdev #website #html #css #jquery

Adam Shaw f89e82da68 tweaks, opera bugfix, optimized clearEvents 16 ani în urmă
build 4d3aa32cac 16 ani în urmă
docs 6a5be40d41 gcal timezone enhancement, cache option, DST parseDate bugfix, quickly adding/removing event source bugfix, destroy method, empty string parseDate bugfix 16 ani în urmă
examples 6a5be40d41 gcal timezone enhancement, cache option, DST parseDate bugfix, quickly adding/removing event source bugfix, destroy method, empty string parseDate bugfix 16 ani în urmă
src f89e82da68 tweaks, opera bugfix, optimized clearEvents 16 ani în urmă
tests f19e54488c optimized all-day events in agenda view, added tests 16 ani în urmă
.gitignore dbdbafd35d bugfixes and minor enhancements for 1.4.2 16 ani în urmă
GPL-LICENSE.txt 559928cec8 Settling into Git by including a markdown README file and updating the build process DATE variable. 16 ani în urmă
MIT-LICENSE.txt 559928cec8 Settling into Git by including a markdown README file and updating the build process DATE variable. 16 ani în urmă
Makefile 559928cec8 Settling into Git by including a markdown README file and updating the build process DATE variable. 16 ani în urmă
README.mkd cef14c6415 renamed readme 16 ani în urmă
changelog.txt 82578fb919 updated changelog, added some docs, reset permissions, fixed small IE window resize bug 16 ani în urmă
version.txt dbdbafd35d bugfixes and minor enhancements for 1.4.2 16 ani în urmă

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 »