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

【问题标题】：Set one hour event with date-fns and Angular 2/4 Calendar使用 date-fns 和 Angular 2/4 日历设置一小时事件
【发布时间】：2017-11-04 07:01:30
【问题描述】：

所以...我在使用 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
},

【问题讨论】：

标签： angular date-fns

【解决方案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

【讨论】：

我如何指定我是否希望它是 2017 年 7 月 4 日下午 2 点持续一小时？谢谢
谢谢，这对我有用。如果需要有结束日期，我也可以这样做。
{ start : setHours(setMinutes(new Date('2017-06-05'), 60), 12), end: setHours(new Date('2017-06-05'), 13 )，标题：'FAKE APT'，颜色：colors.red，动作：this.actions，可调整大小：{ beforeStart: true, afterEnd: true }, draggable: true },
@jpavlov。也给答案点赞。我会在我正在处理的某个时间向您更新结束日期
所以对于结束日期，我使用 setHours（我想要的日期），apt 应该结束的时间）。 end: setHours(new Date('2017-06-05'), 13 -- 谢谢，如果不是你的帮助，我还是会被卡住！