simpleCalendar is a jQuery & CSS3 data calendar
-
Download simpleCalendar
-
Included jQuery library (example):
<script src="http://code.jquery.com/jquery-latest.js"></script>
-
Insert the following code before end of
</head>
tag:<!-- simpleCalendar CSS file --> <link rel="stylesheet" href="path/to/simpleCalendar.css"> <!-- simpleCalendar js file --> <script type="text/javascript" src="path/to/simpleCalendar.js"></script>
-
Insert the following code after the
<body>
tag:<div id="calendar" class="calendar-main"></div>
where data-full - path to original image
-
Now you need to call the plugin with your calendar div ID-attribute (#calendar).
$(document).ready(function(){ $('#calendar').calendar(); });
Additional plug-in call options:
Key | Default | Values | Description |
---|---|---|---|
view |
days |
days, months, years |
Calendar view by default |
This project is licensed under the MIT license.