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

Question

所以...我在使用 date-fns 和 angular 4 日历 (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 日历设置一小时事件

Set one hour event with date-fns and Angular 2/4 Calendar

angular

date-fns