Wijmo UI for the Web
Use Custom Title Formats
Wijmo User Guide > Widgets > Calendar > Calendar How To > Use Custom Title Formats

Building on the Quick Start example, you can use custom formatting to display the date in the title.

  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/dd/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 Full Month Names

Widgets

Quick Start

Reference

wijcalendar API
titleFormat Field

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page