wijeventscalendar

The wijeventscalendar widget is a fully functional schedule that allows users to add, edit, and manage their appointments.

Open the .cshtml for the View in which you want to display a wijeventscalendar. Add an DOM element like in the following markup:

<div id="eventscalendar"></div>

Now you need to initialize the widget, which you can do by adding the following script to the .cshtml file:

<script type="text/javascript">
      $(document).ready(function () {
            $("#eventscalendar").wijevcal();
      });
    </script>

When you run the project, the calendar will look like this: