Wijmo UI for the Web
Customize Next and Previous Buttons
Wijmo User Guide > Widgets > Calendar > Calendar How To > 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.

  1. 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.

    Drop down and copy code

  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. Click the Quick Next button to jump three calendar months ahead.

See Also

Calendar How To

Widgets

Quick Start

Reference

wijcalendar jQuery Widget
navButtons Option
quickNavStep Option
quickNextTooltip Option
quickPrevTooltip Option
 
Support Options