Simple Events Calendar

The jQuery Basic Event Calendar is a highly configurable plugin that adds calendar functionality to your pages.

Demo Examples

• Events
• Methods
• Pre select a date
• Pre select sort by
• Disable datepicker
• Languages
• Hour Format AM/PM

Usage

Simply reference the relevant files at the head of your page like so:

<!-- Styles --> 
<link href="css/dp_calendar.css" type="text/css" />
<link href="themes/base/jquery.ui.all.css" type="text/css" /> 
<!-- jQuery --> 
<script src='js/jquery-1.5.2.min.js'></script> 
<!-- required plugins --> 
<script src="ui/jquery.ui.core.js"></script> 
<script src="ui/jquery.ui.position.js"></script> 
<script src="ui/jquery.ui.datepicker.js"></script> 
<script src="js/date.js"></script> 
<script src="js/dp_calendar.js"></script>

Initialitation

$(document).ready(function(){
   $("#calendar").dp_calendar();
});

#calendar is the ID of the HTML Object that will be placed instead this calendar.

<div id='calendar'></div>