Wijmo UI for the Web
Set Date Ranges
Wijmo User Guide > Widgets > Calendar > Calendar How To > Set Date Ranges

Building on the Quick Start example, you can specify a range of dates for your calendar using the maxDate and minDate options.

  1. 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
    Copy Code 
    <script id="scriptInit" type="text/javascript">
$(document).ready(function () {
    $("#calendar1").wijcalendar({
        maxDate: new Date ('2014/05/10'),
        minDate: new Date ('2014/05/03')
    });
});
</script>
  2. No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the calendar.
  3. 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
Calendar How To
Display Multiple Months
Quick Start

Reference

wijcalendar API
maxDate Option
minDate Option

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page