Description:
Calendarize is a thin, simple JavaScript implementation of a customizable yearly calendar for your web applications.
Installation:
Load the CSS file in the header section of your page.
<link rel="stylesheet" href="style.css">
Next, load the javascript file in the footer, in order to avoid render blocking.
<script type="text/javascript" src="calendarize.js"></script>
You see the full implementation below.
<html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <div id="calendar"></div> <script type="text/javascript" src="calendarize.js"></script> <script type="text/javascript"> var $calendar = document.getElementById("calendar"); var currentYear = new Date().getFullYear(); var calendarize = new Calendarize(); calendarize.buildYearCalendar($calendar, currentYear); </script> </body> </html>
Did this post help you?
Tutsplanet brings in-depth and easy tutorials to understand even for beginners. This takes a considerable amount of work. If this post helps you, please consider supporting us as a token of appreciation:
- Just want to thank us? Buy us a Coffee
- May be another day? Shop on Amazon using our links.
Your prices won't change but we get a small commission.
Leave a Reply