Wijmo UI for the Web
Display Months Numerically
Wijmo User Guide > Widgets > Calendar > Calendar How To > Display Months Numerically

Building on the Quick Start example, you can display months numerically.

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

    Drop down and copy code

    Title Format Script
    Copy Code 
    <script id="scriptInit" type="text/javascript">
$(document).ready(function () {
    $("#calendar1").wijcalendar({
        titleFormat: 'MM yyyy'
    });
});
</script>
  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. The calendar appears like the one in the image below, with the month displayed as a number in the title.
See Also
Calendar How To
Display Short Month Names

Widgets

Quick Start

Reference

wijcalendar API
titleFormat Option

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page