Kalender - Tagesansicht
bearbeitet von Regina SchaukrugDu musst (für Beginn von oben und die Höhe) eigentlich "nur" den Beginn in eine Prozentzahl des Tages umrechnen und die Dauer ebenfalls. Also: Ein Termin, der um 9 beginnt und um 11 endet, beginnt bei 37.5% und hat die Länge von 8.33 Prozent. Dann sollten die Termine eine Mindesthöhe haben und eine Mindestbreite oder Du musst Dir Gedanken um den Overflow machen.
Dann musst Du (wegen der Breite und dem Beginn von links) wissen, wie viele und welche Termine sich überlappen und den wievielten davon Du gerade "zeichnen" willst. Das wird am wohl schwierigsten.
[Codepen](https://codepen.io/anon/pen/zJrEVw).
Kalender - Tagesansicht
bearbeitet von Regina SchaukrugDu musst eigentlich "nur" den Beginn in eine Prozentzahl des Tages umrechnen und die Dauer ebenfalls. Also: Ein Termin, der um 9 beginnt und um 11 endet, beginnt bei 37.5% und hat die Länge von 8.33 Prozent. Dann sollten die Termine eine Mindesthöhe haben und eine Mindestbreite oder Du musst Dir Gedanken um den Overflow machen.
Dann musst Du (wegen der Breite) wissen, wie viele und welche Termine sich überlappen und den wievielten davon Du gerade "zeichnen" willst. Das wird am wohl schwierigsten.
[Codepen](https://codepen.io/anon/pen/zJrEVw).
Kalender - Tagesansicht
bearbeitet von Regina SchaukrugDu musst eigentlich "nur" den Beginn in eine Prozentzahl des Tages umrechnen und die Dauer ebenfalls. Also: Ein Termin, der um 9 beginnt und um 11 endet, beginnt bei 37.5% und hat die Länge von 8.33 Prozent. Dann sollten die Termine eine Mindesthöhe haben und eine Mindestbreite oder Du musst Dir Gedanken um den Overflow machen.
Dann musst Du (wegen der Breite) wissen, wie viele Termine an einem Tag überlappen und den wievielten Du gerade zeichnen willst. Das wird am wohl schwierigsten.
[Codepen](https://codepen.io/anon/pen/zJrEVw).