小时显示 hourSegments 角度日历答案

【问题标题】：Hour display hourSegments angular-calendar小时显示 hourSegments 角度日历
【发布时间】：2018-09-21 15:51:35
【问题描述】：

在我的日历中，我需要按如下方式显示一天中的时间：09:00、09:15、09:20。

我将包升级到最新的

angular-calendar version
0.26.1

现在下面的代码出错了，我不能再像以前那样显示时间了。

module.ts：

class CustomDateFormatter extends CalendarNativeDateFormatter {
    public dayViewHour({ date, locale }: DateFormatterParams): string {
        return new Intl.DateTimeFormat('ca', {
            hour: 'numeric',
            minute: 'numeric'
        }).format(date);
    }
}
    // It does not work any more this way and error occurs ...
    CalendarModule.forRoot({
        dateFormatter: {
            provide: CalendarDateFormatter,
            useClass: CustomDateFormatter
        }
    }),

component.scss：

.cal-day-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: block;
  }

我查看了我在其他地方搜索过的文档，但找不到我需要的东西......

【问题讨论】：

你还有这个问题吗？
@MikeOne：我仍然遇到同样的问题。我希望与 luiz 完全相同，但通过实现上述代码，它呈现如下故障：9:00、9:30、10:00、10:30、11:00、11:30

标签： angular typescript angular-calendar

【解决方案1】：

我通过彻底阅读文档找到了答案（“angular-calendar”：“^0.27.14”）。 https://mattlewis92.github.io/angular-calendar/docs/modules/CalendarModule.html forRoot 的签名是 forRoot(dateAdapter: Provider, config: CalendarModuleConfig)

所以这段代码对我有用（上面提到的样式）并且每个小时段都有时间。

    CalendarModule.forRoot({
      provide: DateAdapter,
      useFactory: adapterFactory
    }, {
      dateFormatter: {
        provide: CalendarDateFormatter,
        useClass: CustomDateFormatter
      }
    })

【讨论】：