jQuery Plugin To Display Google Calendar Feeds On Your Website

File Size: 5.05 KB
Views Total: 14954
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Display Google Calendar Feeds On Your Website

Google Cal Reader is a jQuery plugin that formats and displays public Google calendar feeds in an event list by using Google Calendar API V3.

See also:

How to use it:

1. Include the jQuery library and the jQuery Google Cal Reader plugin on the web page.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="jquery.googlecalreader-1.1.min.js"></script>

2. Create an empty Html unordered list for the Google Cal Reader plugin.

<ul id="eventlist" class="list-group">
<li class="list-group-item active">Event calendar</li>
</ul>

3. Call the function on the Html list and config the plugin.

$('#eventlist').gCalReader({

  // Public Google Calendar
  calendarId:'en.usa#[email protected]',

  // Google API KEY
  apiKey:'AIzaSyAVhU0GdCZQidylxz7whIln82rWtZ4cIDQ'

  // date format
  dateFormat: 'LongDate',

  // error message
  errorMsg: 'No events in calendar',

  // maximum events
  maxEvents: 25,

  // future-events filter
  futureEventsOnly: true,

  // descending sort order
  sortDescending: true

});

Change logs:

2014-12-11

  • adds future-events filter

2014-12-06

  • apply descending sort order by default

This awesome jQuery plugin is developed by bradoyler. For more Advanced Usages, please check the demo page or visit the official website.