Display Multiple Months

Building on the Quick Start example, you can control how many months are displayed in each row and column by setting the monthRows and monthCols options. Complete the following steps to display 4 months at a time.

In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the monthRows and monthCols options.

Multiple Month Script	Copy Code
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#calendar1").wijcalendar({ monthRows: 2, monthCols: 2 }); }); </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 2 rows and 2 columns showing 4 calendar months at one time.

Reference

wijcalendar API

monthCols Option

monthRows Option

Widgets

Quick Start