Using FullCalendar

Introduction

The basics of fullCalendar

1. A plain instance of fullCalendar
2. More navigation buttons
3. Hiding days
4. Changing locale

Displaying images

1. Image as calendar’s background
2. Image as background for a particular day

Managing events

1. Adding events
2. We must talk about date formats
3. Using an event array
4. Using a JSON feed
5. Selection of date and time slots
6. Creating an event interactively
7. Modifying events
8. Removing events
9. Adding the Delete link
10. Fixing the code

Managing events using jQuery Dialog

1. Create events with jQuery dialog
2. Modify events with jQuery Dialog
3. Remove events with jQuery Dialog

Drag and drop external events

1. Preparing the external objects to generate events
2. Making external events draggable
3. Preparing the calendar to accept external events
4. Updating the notification area

Using a database with fullCalendar

1. Database representation of a fullCalendar event
2. Another alternative: Saving events as JSON
3. Saving events
4. Loading events
5. Modifying events
6. Updating events when dragged and resized
7. Deleting events

Interacting with widgets

1. Navigating using a datepicker
2. Checkboxes to set visibility of events

Recurring events

1. Basic recurring events
2. Business Hours
3. Events with dow (day of week) list
4. What happens when recurring events are editable?
5. Beyond the basics
6. Recurrent events client-side with moment-recur

fullCalendar Tips

1. Callbacks
2. Constrain event creation to date or time ranges