MVC5 Classic
Set the View Type

The wijdatepager widget supports several view types: day, week, month. Simply set the viewType option to take advantage of this feature.

Complete the following steps to set the view type:

  1. Create a new C1 ASP.NET MVC 5 Web Application (see Creating an MVC Classic Project).
  2. Navigate to the Solution Explorer, expand the Shared folder inside the Views folder, and double-click _Layout to open the file.
  3. Add the following markup within the <body> tags of the page, just after @RenderBody():
    <div id="datepager"></div>

    This markup will add content for a datepager widget to the page. In the next step, you'll initialize the datepager.

  4. After the closing </div> tag you added in the previous step, enter the following jQuery script to initialize the wijdatepager widget and set the viewType option:
    <script type="text/javascript">
        $("#datepager").wijdatepager({ viewType: "month" });
    </script>
    

    At run time the datepager will appear with the month view type.

What You've Accomplished

Press F5 to run the application, and notice that the datepager appears with the month view type.

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback