2016-07-25 30 views
-1

Ich arbeite mit Vollkalender und dem Scheduler-Plugin. Was ich versuche zu tun, ist etwas fortgeschritteneren Datumsbereich.
Ich gebe ein JS-Array eine Startzeit und unterschiedliche Dauer ein. Es sollte dann die Reichweite entsprechend erstellen.Erweiterter benutzerdefinierter Datumsbereich im Vollkalender

Hier ist ein Beispiel
inputed Array: array = [30min, 30min, 120min, 30min, 9h]
Outputed Datumsbereich: 9h, 9h30, 10h, 13h, 13h30

Bezüglich Der Scheduler ist in Ordnung, ich habe es in der RangeUpdated und updateGridDates Funktionen getan und es funktioniert ziemlich gut.
Meine Sorge ist über den Kalender, da ich ein bisschen im Quellcode verloren bin, und ich kann wirklich den Platz nicht finden, wo ich die Logik dafür tun sollte.

Kann irgendeine Art Seele mich führen?
Danken im Voraus

+0

Ok, ich fange an, etwas zu bekommen, aber ich stecke wieder fest. Was ich gemacht habe, ist mit der ** renderSlatRowHtml ** -Funktion herumzuspielen, um den benutzerdefinierten Zeitbereich anzuzeigen. Allerdings kann ich die Ansicht (wo die Ereignisse gerendert werden) nicht korrekt anzeigen, sie versucht dennoch, andere Ereignisse zu rendern. Hier ist eine JSFiddle, die das Problem beschreibt: http://jsfiddle.net/mbs5uafd/3/ Sie können das 1px blaue Ereignis ganz unten sehen. – TeKilla

+0

Noch fest und kann nicht herausfinden, was zu tun ist:/ Kann wirklich einige Hilfe zu schätzen wissen! – TeKilla

+0

Ich untersuche zur Zeit die Rolle der Funktion ** computeTimeTop **, die mit der Deckung der Latten und der obersten Position zu tun zu haben scheint. Wenn jemand einen Hinweis hat .. es ist willkommen – TeKilla

Antwort

0

Also, ich mein Problem gelöst, die Mathematik in der computeTimeTop Funktion zu tun. Es ist verantwortlich für die Berechnung der Event-Position im Grid. Ich musste die Position der gegebenen Zeit berechnen, indem ich festlegte, zwischen welcher Lamelle sie platziert werden sollte.