Question

在我的日历中，我需要显示每天和每周的时间，如下所示：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;
  }

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

Answer 1

我通过彻底的文档阅读找到了答案（“角度日历”：“ ^ 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
      }
    })

小时显示小时段角度日历

1 个答案: