As I work with video files, it is necessary that the accuracy of slotDuration was 1 second, but with such accuracy the browser freezes, because it has to render a lot of views .

Can someone come across such a problem and how can you solve it? I think when clicking a particular slot to break apart a particular slot in seconds, but how to organize it correctly?

  • helped answer ???? - L. Vadim

2 answers 2

 $("#available_classes_calendar").fullCalendar({ header: { left : 'prev,next', center : 'title' }, defaultView: 'agendaWeek', allDaySlot: false, minTime: "06:30:00", maxTime: "24:00:00", slotDuration: "06:00:01" });

As for displaying 06:30, 07:30, and so on, along the vertical axis, you need to set the slotDuration: "06:30:01". Look at jsfiddle

why we need "+01" seconds you can see in the original code the line 5714 to 5719

 ((!slotNormal || !minutes) ? // if irregular slot duration, or on the hour, then display the time '<span>' + // for matchCellWidths htmlEscape(slotDate.format(this.axisFormat)) + '</span>' : ''

Now $ slotNormal is determined by line 5701:

 var slotNormal = this.slotDuration.asMinutes() % 15 === 0;

You can find the answer by clicking on the answer link.

  • thanks take note - L. Vadim
  • @ L.Vadim such messages are deleted over time, please transfer the text and code from the original to your answer, and bring the link as the source - Alex

Thank you very much for the answers, but I solved the problem as follows when clicking on a particular slot, take its initial date (it will be minTime) and then add this slotDuration and get maxTime, and then render the scheduler for a specific interval but in seconds as needed.