scheduleJS is a simple jQuery plugin that will generate a calendar for a given month.If a list of activities is passed on to the call to generate the calendar it will populate the calendar with the given activities provided that the activity objects contain, at a minimum these properties: 


An example of an activity list passed as data to scheduleJS looks like this:

{ Activities: [
{
StartDate: new Date(2016, 6, 4),
EndDate: new Date(2016, 6, 4),
Description: "Test 1"
},
{
StartDate: new Date(2016, 6, 4),
EndDate: new Date(2016, 6, 6),
Description: "Test 2"
},
{
StartDate: new Date(2016, 6, 8),
EndDate: new Date(2016, 6, 12),
Description: "Test 3"
},
{
StartDate: new Date(2016, 6, 12),
EndDate: new Date(2016, 6, 15),
Description: "Test 4"
},
{
StartDate: new Date(2016, 5, 18),
EndDate: new Date(2016, 5, 18),
Description: "Test 5"
}
]};

To generate a calendar for the current month you just call the plugin like this:

// Assuming a div element with ID "mySchedule"
$("#mySchedule").ToSchedule();

scheduleJS provides the following configuration options: 

In addition we provide the scheduler.css file which contains the CSS used to style the generated html. Feel free to mess with it to make it fit your needs.