Kevin Thornbloom edited this page Feb 17, 2016 · 2 revisions

Quick Start

CSS

Start with adding the CSS to your header (or include via whatever preprocessor magic you use these days):

<link rel="stylesheet" href="css/monthly.css">

HTML

Next, add a div with a class of "monthly" and give it a unique id. The ID helps separate multiple instances of the plugin.

<div class="monthly" id="mycalendar"></div>

JS

Finally, add the javascript after jQuery and initialize it using the unique ID.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/monthly.js"></script>
<script type="text/javascript">
    $(window).load( function() {
        $('#mycalendar').monthly();
    });
</script>
Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.