Javascript 根据事件时间-6将日历事件添加到自定义日历

我用angular创建了一个日历，每个div都有一个day/date值和time值

 <div  *ngFor="let day of weekDaysArray" class="calendar-table__week-days">
      <div *ngFor="let time of workingHoursArray; let i = index" class="calendar-table__week-days__slots"
        [ngClass]="{'hour-square-class': time.includes('00', 2) && i != 0 }"  (mousemove)="onMouseHover($event, day, time)" (mouseout)="onMouseOut()">  

      </div>
    </div>

（在RTL抱歉中）

现在我将拥有一个事件对象数组，每个对象的外观如下：

  public event = {
    startTime: '08:30',
    endTime: '10:00',
    date: '01/11/2018',
    eventName: 'Take a walk in the park'
  }

因此，我试图实现的是，每个事件都将显示如下：

在过去的几天里，我正在绞尽脑汁，我如何才能达到这个结果，因此，任何建议/指导我如何做到这一点都将不胜感激

  public event = {
    startTime: '08:30',
    endTime: '10:00',
    date: '01/11/2018',
    eventName: 'Take a walk in the park'
  }