Jquery Full Calendar Slot Dauer und Öffnungszeiten Ausgabe

Question

Ich benutze jQuery FullCalendar und Scheduler in meiner Website für Termine für Ärzte. Hier sind die Geschäftszeiten und die Slot-Dauer dynamisch abhängig von ausgewählten Öffnungszeiten der Klinikfiliale und der Abteilungsdauer. Also basierend auf dieser Arbeitsstunden und Slot-Dauer einige Male, Geschäftszeiten enden oder beginnen mit halb gedeckten Zeitfenstern. Daher können wir dieses Zeitfenster nicht verwenden und diese Abteilung verliert einen Termin für die ausstehende Zeit. Gibt es dafür eine Lösung?

Answer 1

Ich habe ein ähnliches Problem mit Kalendersteuerung, Ereigniszelle nicht richtig Rendern, wenn die Slotdauer mehr als 60 min ist. Ich habe die folgende Lösung von StackOverFlow. Bitte gehen Sie, obwohl es für Sie hilfreich sein könnte. Rufen Sie die folgende Funktion im FullCalendar-Ereignishandler auf.

function resetCalendarHeight() { 
// reset height and contentHeight properties on month view 
if (isNullOrEmpty($('.fc-slats')) || $('.fc-slats').length == 0) { 
    $('#calendar').css('height', '530px'); 
    //$('.fc-row.fc-week.fc-widget-content').css('height', '76'); 
    $('#calendar').fullCalendar('option', 'contentHeight', 'undefined'); 
    return false; 
} 
// day view or week view set the content height to 'auto' 
// then adjust the height of the container 
$('#calendar').fullCalendar('option', 'contentHeight', 'auto'); 
var bottomDifference = $('#calendar-container')[0].getBoundingClientRect().bottom - $('.fc-slats')[0].getBoundingClientRect().bottom; 
var currentHeight = $(".fc-slats > table").css("height").replace('px', ''); 
var newHeight = parseInt(currentHeight) + bottomDifference; 
$(".fc-slats > table").css("height", newHeight); 
$('.fc-scroller.fc-time-grid-container').css('overflow-x', 'auto'); 
$('.fc-scroller.fc-time-grid-container').css('overflow-y', 'overlay'); 
$('.fc-scroller.fc-time-grid-container').css('height', newHeight); 
return true;} 



$('#calendar').fullCalendar({ 
slotDuration:'45', 
    events: function (start, end, timezone, callback) { 
      resetCalendarHeight(); 
    }})