Fullcalendar agendaDay Blick - so zeigen Sie Ereignisse nebeneinander?

Wie kann ich die Anzeige der Ereignisse Seite an Seite, Tag, agenda-Ansicht? Ich habe versucht, mit einigen javascript-Positionierung innerhalb eventAfterAllRender Funktion, aber kein Erfolg. Wie das Beispiel auf dem Bild, wie man Veranstaltungen wie Links ausrichten?

enter image description here

EDIT: Fullcalendar version: 2.4.0.

EDIT: ich habe mich verändert, einige CSS-und JS-code für das Ereignis Breite, weil ich nicht wollen, dass die Breite über den gesamten Kalender (auf die tägliche Ansicht). Ich habe versucht, dies umzusetzen code für die "Neupositionierung"

elements = $('.fc-event-container').find('.fc-v-event');
            var en = 0, cn = 0, i = 0;
            var tzu; 
            var tku; 
            var pzu; 
            var pku; 
            if ($(elements).length > 1) { 
                for (i = 0; i < $(elements).length; i++) {

                    tzu = $(elements[i]).children().children().attr('data-start');
                    de = $(elements[0]).children().children().attr('data-full');


                    st = de.split(' - ');                         
                    if (i > 0) {                                                  
                        zup = $(elements[i - 1]).children().children().attr('data-start');
                        tkuc = $(elements[i]).children().children().attr('data-full');
                        tkud = tkuc.split(' - ');
                        tku = tkud[1];                            
                        if (tzu == zup) {      
                            cn += 1;                                                         
                            $(elements[i]).css('left', 170 * cn + 'px');
                        } if (moment(tkud, "HH:mm").isBefore(moment(st[1], "HH:mm"))) {                                
                            en += 1;                              
                            $(elements[i]).css('left', 170 * en + 'px');
                        }
                    }
                }
            }  
0
2019-09-17 09:24:42
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an