Wijmo UI for the Web
Display Short Month Names
Wijmo User Guide > Widgets > Calendar > Calendar How To > Display Short Month Names

Building on the Quick Start example, you can display an abbreviated calendar month name with the year.

  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: 'MMM 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 abbreviated month name and year displayed in the title.
See Also
Calendar How To
Display Full Month Names

Reference

wijcalendar API
titleFormat Option

Widgets

Quick Start

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page