Pop Up Preview of Next Month

Building on the Quick Start example, you can use the calendar preview feature. This is handy for checking the beginning and ending dates of the next or previous month without changing the current month. When you set the allowPreview option to true, indicators appear to the left and right edges of the calendar that let you pop up calendars for the previous or next calendar view.

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

Pop Up Preview Script	Copy Code
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#calendar1").wijcalendar({ allowPreview: true }); }); </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. Click the indicator on the left or right edge of the calendar to pop up the previous or next month.

Reference

allowPreview Option

nextPreviewTooltip Option

prevPreviewTooltip Option

Widgets

Quick Start