Simple Calendar


a Simple Jquery Calendar Plugin

Basic Usage

$(document).ready(function(){
            $("#container").simpleCalendar();
        });

Demo with eventDates added (with callbacks)

(Tooltips added with Tippy.js)

Code

$("#event-cal-container").simpleCalendar({
        fixedStartDay: false,
        // event dates
        eventDates: ['2019-03-04', '2019-03-08', '2019-03-12', '2019-03-15'],
        // event info to show
        eventsInfo: ['John\'s Birthday', 'Janet\'s Marriage','Graduation Day', 'Final Exams !'],
        selectCallback: function(date){
            console.log('date selected '+date);
        }
    });

    // add tooltips for the event days only.
    tippy('.day.event', {
        theme: 'translucent',
    });
Fork me on GitHub