Wijmo UI for the Web
Set Initial View
Wijmo User Guide > Widgets > Calendar > Calendar How To > Set Initial View

Building on the Quick Start example, you can set the initial view of your calendar by using the initialView option. The initialView option allows you to set different view options such as month, year and decade.

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

    Drop down and copy code

    Copy and paste inside <head> tag
    Copy Code 
    <script id="scriptInit" type="text/javascript">           
        $(document).ready(function () {
           $("#calendar1").wijcalendar({
                initialView: 'month'
        });
     });
</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 initial view set to month.

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page