title: FullCalendar not working MVC 5
body: <p>I am trying to display a full calendar but no luck.
  I have try to download the fullcalendar from nuGet and included the files but not working.</p>
  
  <pre><code>  &lt;script src="~/Scripts/lib/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/lib/moment.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/fullcalendar.min.js"&gt;&lt;/script&gt;
      &lt;link href="~/Content/fullcalendar.min.css" rel="stylesheet" /&gt;
  
  
      &lt;script src="~/Scripts/gcal.js"&gt;&lt;/script&gt;
      &lt;link href="~/Content/fullcalendar.print.css" rel="stylesheet" /&gt;
  
      &lt;link href="~/Content/bootstrap.css" rel="stylesheet" /&gt;
  
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
  
              $('#calendar').fullCalendar({
              });
  
          });
  
      &lt;/script&gt;
  
  
  
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;title&gt;Index&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id='calendar'&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/K9Gdr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K9Gdr.png" alt="enter image description here"></a></p>
  
  <p>Also i try the code below and also not working.
  What i am doing wrong and how i can show the fullcalendar?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  
  
      &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'&gt;&lt;/script&gt;
      &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'&gt;&lt;/script&gt;
      &lt;script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"&gt;&lt;/script&gt;
      &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'&gt;&lt;/script&gt;
      &lt;script&gt;
      $(document).ready(function() {
          $('#calendar').fullCalendar({
              defaultDate: '2014-09-12',
              editable: true,
              eventLimit: true, // allow "more" link when too many events
          });
      });
      &lt;/script&gt;
  
  
  
      &lt;link href="~/Content/bootstrap.css" rel="stylesheet" /&gt;
  
  
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;title&gt;Index&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id='calendar'&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In Chrome browser inspect elements</p>
  
  <p><a href="https://i.stack.imgur.com/K9Gdr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FvDhM.png" alt="enter image description here"></a></p>
  
  <p><strong>EDIT 1:</strong></p>
  
  <p>I have change the code in script and now I got no errors but still not showing anything</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var m = moment('2016-09-19');
  
      $('#calendar').fullCalendar({
          // put your options and callbacks here
          header: {
              left: 'title',
              center: '',
              right: 'prev,next'
          },
          weekends: false,
          weekNumbers: true,
          defaultView: 'month',
          defaultDate: m,
          events: [{
              start: '2016-09-19',
              allDay: true,
              rendering: 'background',
              backgroundColor: '#F00',
              title: 'full',
              textColor: '#000',
              className: 'event-full'
          }, {
              start: '2016-09-20',
              allDay: true,
              rendering: 'background',
              backgroundColor: '#F00',
              title: 'full',
              textColor: '#000',
              className: 'event-full'
          }],
          eventAfterRender: function (event, element, view) {
              element.append('FULL');
          },
          viewRender: function (view, element) {
              var start = new Date("2016-09-01");
              var end = new Date("2016-11-30");
  
              if (end &lt; view.end) {
                  $("#calendar .fc-next-button").hide();
                  return false;
              } else {
                  $("#calendar .fc-next-button").show();
              }
  
              if (view.start &lt; start) {
                  $("#calendar .fc-prev-button").hide();
                  return false;
              } else {
                  $("#calendar .fc-prev-button").show();
              }
  
          }
      });
  
  &lt;/script&gt; 
  </code></pre>