FullCalendar, the Event Calendar

Purpose:

Recently, clients want us to implement a calendar which support event functionality. After researching, we found that FullCalendar is very suitable.



 FullCalendar is open source and support drag-and-drop events functionality.



The document is well defined and the APIs are easy to use.

It also supports various views such as month, week, day, agenda and list view to fit clients' requirement.



Below is a simple example.

1. define HTML element

2. Initialize FullCalender with options
    Note: "evts" is the list of events including the title and event date

3. Result