Enable Weekday Selection

Building on the Quick Start example, you can allow users to click a weekday to select all calendar dates in that weekday column. The weekday selector appears below the calendar title (or below the calendar header if you have one). It displays the weekday names, Sunday through Saturday, horizontally above the calendar days. You can set other values in the selectionMode option to true, including day, days, weekNumber, and month.

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

Weekday Selection Script	Copy Code
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#calendar1").wijcalendar({ selectionMode: {weekDay: 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. Select any of the week day names, such as Su or Mo, that appear horizontally above the calendar days.

Widgets

Quick Start

Reference

wijcalendar API

selectionMode Option

selectedDatesChanged Event