title: Creating Multiple Day Event in Fullcalendar
body: <p>I am trying to create a calendar application by using fullcalendar. But I have a specific problem. </p>
  
  <p>I want to create an event that last -for example- for 5 days. When I click and drag the newly-created-event, fullcalendar present me something like  that: </p>
  
  <p><img src="https://i.stack.imgur.com/3nwzT.png"></p>
  
  <p>Mouse click started at 08th Oct 08:00 and mouse click ended at 12th Oct 12:00. The event included all hours between 08th Oct 08:00 and 12th Oct 12:00. This means I have to participate an event that last for 96 hours. You can't expect me to participate a meeting for five-days-long, right?</p>
  
  <p>So, what I actually want is the event should start at 08:00 and end at 12:00 for all five days. Which means the event should be appear like this: </p>
  
  <p><img src="https://i.stack.imgur.com/akxhP.png"></p>
  
  <p>I did it by creating all events one by one. But in my application, I disabled adding two or more events at once for various reasons. Also, I want my customers to be able to create an event like that at once.</p>
  
  <p>Is there any way to do this in fullcalendar? </p>
  
  <p>Here is my code: </p>
  
  <pre class="lang-js prettyprint-override"><code>function initCalendar {
      if (!jQuery().fullCalendar) {
          return;
      }
  
      var date = new Date(),
          started,
          ended
  
      var header = {};
  
      var calendar = $('#calendar').fullCalendar({
          allDaySlot: false,
          eventOverlap: false,
          selectOvetlap: false,
          header: header,
          selectable: true,
          selectHelper: true,
          defaultView: 'agendaWeek',
  
          select: function (start, end, allDay) {
              $('#fc_create').click();
              var dateStart = start; 
              var dateEnd = end;
  
              $(".antosubmit").on("click", function() {
                  var title = $("#reservation-title").val();
  
                  if (title) {
                      var event = {
                          //minTime: "08:00:00"
                          //maxTime: "21:00:00"
                          editable: true,
                          title: title,
                          start: dateStart,
                          end: dateEnd,
                          allDay: false
                      }
  
                      calendar.fullCalendar('renderEvent', event, true);
                      calendar.fullCalendar('unselect');
                      #('.antoclose').click();
  
                      return false;
                  }
                  else {
                      ////alert here
                  }
              })
          },
  
          eventClick: function (calEvent, jsEvent, view)
          {
              var selectedEditable = calEvent.editable;
  
              if (selectedEditable) {
                  $('fc_create').click();
                  $("#reservation-title").val(calEvent.title);
  
                  $(.antoUpdate).on("click", function() {
                      var title = $("#reservation-title").val();
  
                      if (title) {
                          calEvent.title = $("#reservation-title").val();
                          #('.antoclose').click();
                      }
                      else {
                          ////alert here
                      }
                  });
              }
              else
              {
                  $('fc_edit').click();
                  $("#title2").val(calEvent.title);
              }
  
              calendar.fullCalendar('unselect');
          },
  
          events: [{
              ////add events here...
          }]
      })
  }
  </code></pre>