В Angular-bootstrap-calendar (для AngularJS) У меня есть события с изменяемым размером, и я хочу избежать изменения размера события, чтобы перекрывать другое событие.
Например, из ситуации, показанной в imageA , где Event2 находится после Event1, начало Event2 должно быть изменяемого размера только до конца Event1, как показано в imageB , а не до того, как в imageC .
Вот plunker с примером, где я пытаюсь получить это поведение, контролируя атрибут mwl-resizable моего пользовательского шаблона (index.html строка 97). Точнее, я пытаюсь использовать переменную mwl-calendar dayEvent.event.tempStartsAt, чтобы проверить, изменяется ли размер начала Event2 по нижней границе 10 утра (время окончания Event1), но атрибут mwl-resizable не кажется распознавать любые изменения в состоянии (я использую это условие только для целей тестирования, это не реальный случай).
mwl-resizable="dayEvent.event.resizable === true && dayEvent.event.endsAt
&& (dayEvent.event.tempStartsAt==null || dayEvent.event.tempStartsAt.getHours() >= 11)"
Я сосредотачиваюсь на mwl-resizable только потому, что это единственное решение, которое я нашел, но я не исключаю, что в облаке будут другие и лучшие решения. Есть идеи?