Customize Next and Previous Buttons

Building on the Quick Start example, you can display outer navigation buttons that appear as double-arrow buttons outside of the single-arrow navigation buttons that appear by default. Set the navButtons option to "quick" to show the outer navigation buttons, and set the quickNavStep option to the number of months to jump when clicking them.

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

Quick Navigation Buttons Script	Copy Code
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#calendar1").wijcalendar({ navButtons: 'quick', quickNavStep: 3 }); }); </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 Quick Next button to jump three calendar months ahead.

Widgets

Quick Start

Reference

wijcalendar API

navButtons Option

quickNavStep Option

quickNextTooltip Option

quickPrevTooltip Option