Question

所以......我在使用date-fns和angular 4 calendar（https://github.com/mattlewis92/angular-calendar）设置一小时事件时遇到了一些麻烦。

我实际上可以看到在月视图和周视图上安排的事件。当我使用日视图时会出现问题，有时候事件将全天显示，有时则根本不显示。

以下是我用来设置事件的代码。有人能说清楚一点。

    {
  start : setHours(new Date('2017-06-07'), 1),
  end: new Date('2017-06-07'),
  title: 'FAKE APT',
  color: colors.red,
  actions: this.actions,
  resizable: {
    beforeStart: true,
    afterEnd: true
  },
  draggable: true
},

Answer 1

您应该使用下面的行设置时间

setHours(setMinutes(new Date(), 0), 5),

更新1：

指定您应该使用的特定日期和时间

events: CalendarEvent[] = [{
    title: 'No event end date',
    start: setHours(setMinutes(new Date(Date.parse("July 20 2017 02:00:00")), 0), 1),

  }

<强> LIVE DEMO

使用date-fns和Angular 2/4 Calendar设置一小时事件

1 个答案: