можно разделить слот на 4 фрагмента в fullcalendar.js? - PullRequest
0 голосов
/ 23 сентября 2019

Я работал с fullcalendar пару месяцев, и когда событие создается, оно заполняет весь слот.

И чтобы создать другое событие в том же слоте, мне нужно вручную изменить время.

Я пытаюсь сделать это enter image description here

Это код, который у меня есть

 
document.addEventListener('DOMContentLoaded', function() {
    var initialLocaleCode = 'es';
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'//dayGridMonth,timeGridWeek,timeGridDay,listMonth
      },
      allDaySlot:false,
      hiddenDays: [ 0 ],
      minTime: "09:30:00", //start hour
      maxTime: "19:30:00", // end hour
      slotDuration: '00:15',
      slotLabelInterval: 15,
      defaultView: 'timeGridDay',
      locale: initialLocaleCode,
      buttonIcons: true, // show the prev/next text
      weekNumbers: true,
      navLinks: true, // can click day/week names to navigate views
      editable: true,
      eventLimit: true,
      titleFormat: { // will produce something like "Tuesday, September 18, 2018"
            // month: 'long',
            // day: '2-digit',

            year: 'numeric', month: 'long', day: 'numeric'
      },// allow "more" link when too many events
      eventSources: [{
           url: 'request/obtener_citas.php',
           type: 'POST',
           cache: false
       }],
      timeFormat: 'H(:mm)' ,
      dateClick: function(date,jsEvent,view) {
        console.log("show modal to add event");

      },
      eventClick: function(info) {
        console.log("show modal to edit event");
      }
    });

    calendar.render();



  });
...