Kendo角调度器:如何增加休息时间(如咖啡、午餐)

Question

我有用于kendo-ui的angular调度器组件。我有类似的事件和资源，如附图所示。

我正在寻找的是添加中断/暂停到调度程序。

例如，：

汽车维修活动从08:30开始到10:00开始。我想从9:15到9:30间隔15分钟。

kendo绑定事件数组，其中一个事件对象包括id、title、start、end、resourceId。

​

​

结果我正在寻找：

​

任何帮助，我们可以添加中断的剑道调度器的角度，将不胜感激。

Answer 1

该组件将按照您的数据所表示的那样呈现事件。如果你想在中途停止这个事件，然后把它拿回来，那么你需要按摩数据来显示两个不同的事件。

假设您的数据是以单一记录的形式输入的，并具有“断开”属性，如下所示：

[
  {
    "id": 1,
    "title": "Car Service",
    "start": "2020/06/24 08:30:00AM",
    "end": "2020/06/24 09:15:00AM",
    "break": {
      "start": "2020/06/24 09:15:00AM",
      "end": "2020/06/24 09:30:00AM"
    }
  }
]

然后，您将需要映射数据。例如：

this.myservice.getEvents()
  .pipe(map((events) => {
    const mappedEvents = [];
    events.forEach(event => {
      if (!event.break) {
          mappedEvents.push(event);
          return;
      }
      event.end = event.break.start;
      mappedEvents.push(event);

      const eventPart2 = event;
      eventPart2.start = event.break.end;
      mappedEvents.push(eventPart2);
    });
    return mappedEvents;
  }))
  .subscribe((events) => this.events = events);