🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery Google calendar widget that retrieves event data from your Google calendar and displays them in a fully customizable list.

Calendar google-calendar

Documentation

Google Calendar Events

Google calendar events is a jQuery plugin that displays a public google calendar events feed.

Usage

<div id="my-element"></div>  <script> 	$('#my-element').google_calendar_events({ 		key: '<your-key-here>', // Google Calendar API Key see: https://console.developers.google.com 		calendar: '<google-calendar-id>', 		max: 10 	}); </script>

Example Output

<div id="my-element">     <ul class="google_event_list">         <li>             <div class="google_event_title">                 <a href="#" rel="Easter Sunday">Easter Sunday</a>             </div>             <div class="google_event_date">Sat Mar 31, 2018</div>         </li>         <li>             <div class="google_event_title">                 <a href="#" rel="Cinco de Mayo">Cinco de Mayo</a>             </div>             <div class="google_event_date">Fri May 4, 2018</div>         </li>         <li>             <div class="google_event_title">                 <a href="#" rel="Columbus Day (regional holiday)">Columbus Day (regional holiday)</a>             </div>             <div class="google_event_date">Sun Oct 7, 2018</div>             <div class="google_event_description">Description</div>         </li>     </ul> </div>

Options

Parameter Description Type
key Google Calendar API Key String
calendar Google Calendar Id String
max Max number of results (default 10) Number

License

Google Calendar Events is licensed under the MIT License.


You May Also Like