Calendar Basic Usage


The calendar needs jQuery, and Twitter Bootstrap to function properly. After including these libraries the plugin can be used by requiring the javascript and stylesheet file. Then view the calendar by defining a DOM-element and initializing the plugin.


<!-- include jQuery / Bootstrap --> ... <!-- include the calendar js and css files --> <script src="../zabuto_calendar.min.js"></script> <link rel="stylesheet" type="text/css" href="../zabuto_calendar.min.css"> <!-- define the calendar element --> <div id="my-calendar"></div> <!-- initialize the calendar on ready --> <script type="application/javascript"> $(document).ready(function () { $("#my-calendar").zabuto_calendar(); }); </script>