Contents
How to customize calendar events in JavaScript?
// This function checks element exist in array or not. The very first function calls custom function when calendar.js is loaded completely. Inside try we are overriding calendar method. $p0 is an array containing all events to be rendered on the page. So you can modify this array according to your need for eg.
How to filter OOB calendar events in JavaScript?
Today I came across a requirement to filter the oob calendar (webpart) based on querystring parameter.For eg. If QueryString parameter Field1 = “XYZ” than calendar page should show only event which is having Field1=”XYZ” In order to achieve above requirement using JavaScript, we need to override method of Calendar.js
How to reference JavaScript Object Model in SharePoint?
The add-in web in a SharePoint-hosted add-in allows you to use relative paths to reference the required files to use the JavaScript object model. The following markup performs these tasks to add a reference to the JavaScript object model: References the AJAX library from the Microsoft CDN.
How to use jQuery to run JavaScript in SharePoint?
References the jQuery library from the Microsoft CDN. Extracts the host web URL from the query string. Loads the SP.Runtime.js and SP.js files by using the getScript function in jQuery. After loading the files, your program has access to the JavaScript object model for SharePoint.
FullCalendar is a great alternative to the standard SharePoint calendar view, as it allows you to render as calendar data from multiple calendar lists, data from non-calendar lists, or even data from outside SharePoint.
How to create custom calendars with jQuery and FullCalendar?
Following is the code used by the customization. This solution is based on the work of Mark Rackley, Office Servers and Services MVP and Chief Strategy Officer at PAIT Group. For more information about the original solution, see Using FullCalendar.io to Create Custom Calendars in SharePoint.