Home

Welcome to the Calendar.js!

Cookie.js is a lightweight JavaScript library for creating highly configurable and customizable calendars! Features include:

• Event adding, updating, and removing.
• Full API support via public functions.
• Drag and Drop support for events.
• Configurable text for translations.
• Day, Week, Month, and All Events views.
• Fully styled in CSS/SASS (including the buttons).
• Custom events for actions (adding/updating/removing events, skipping months, etc).
• Export to CSV, XML, JSON and TEXT.
• Full-screen mode.

Getting Started:

You will need to include the JavaScript file and CSS Style Sheet in the head of your HTML:

<link rel="stylesheet" href="src/calendarjs.css" />

<script src="src/calendarjs.js"></script>

You will also need to set the page character encoding to UTF-8. This can be included in the head of your HTML as follows:

<meta charset="utf-8" />

Creating a container DIV:

Add a div into your HTML and assign it an ID, as follows:

<div id="calendar"></div>

Initialising Calendar.Js:

It's now time to initialize Calendar.js, which is done as follows:

<script> var instance = calendarJs("calendar"); </script>

After this, the calendar will be rendered and you will have access to the public methods available.

Finishing Up:

That's it! Nice and simple. Please refer to the code if you need more help (fully documented).

Minimized versions of the files are available.