Building on the Quick Start example, you can specify a range of dates for your calendar using the maxDate and minDate options.
- In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the maxDate and minDate options.
Drop down and copy code
| Date Range Script |
|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#calendar1").wijcalendar({
maxDate: new Date ('2013/05/10'),
minDate: new Date ('2013/05/03')
});
});
</script>
|
- No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the calendar.
- Save your HTML file and open it in a browser. The calendar appears like the one in the image below, with a range of dates highlighted.
See Also
Widgets
Reference
