jQuery Callback Calendar

This is a simple calendar with the ability to tie callbacks to dates. It includes a header, Month YYYY and previous and next navigation.

You add events ( days ) to it using either a string "Month-dd-yyyy" or a Date object, and then pass it a callback funciton. When a user clicks on that day it runs the callback.

Running Example:

http://flynndev.us/projects/jquery-calendar/

Usage

    // Initialize Calendar

    $('.calendar').calendar({ ...options });

    // Tie Click event to calendar day

    $('.calendar').addEvent( "March-19-2017", function(){ alert("test"); } );
    $('.calendar').addEvent( new Date(2017, 2, 25), function(){ alert("test of date object"); } );

Options

Option	Description	Default Value
month	Month Shown on Calendar; a number between 0 and 11	new Date().getMonth() // Dynamic Current Month
year	Year Shown on Calendar (YYYY)	new Date().getFullYear() // Dynamic Current Year
square	Boolean. Enable or disable js that makes grid items square dynamically	true
button_style	CSS Class on next and previous buttons	btn btn-primary btn-xs
previous_html	HTML in previous button	Font Awesome Chevron Left
next_html	HTML in next button	Font Awesome Chevron Right
title_element	HTML element for title	h1
title_class	CSS Class for title	ttl
day_class	CSS Class for days	col-xs-1
day_header_class	CSS Class for day headers	col-xs-1
week_class	Class for week	row
week_header_class	Class for week header	row
days	Array of day names, starting with Sunday	['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
months	Array of month names	['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

Dependencies

• jQuery 3.2
• jQuery UI 1.12.1
• Bootstrap 3
• Font Awesome 4.7.0