如何隐藏 Angular 日历上的日期？

Question

我正在使用 Angular 12.0 Calendar，我想隐藏在周视图中显示月份日期的文本。 我仔细研究了代码并尝试在线查找，但无法找到使此文本出现的位置。 我说的是这个https://mattlewis92.github.io/angular-calendar/#/kitchen-sink

不要与材料混淆。

例子

Answer 1

可能有点晚了，但今天我需要同样的东西，我想出了这个。 文档可能难以阅读，但您会发现 Angular Calendar 中的几乎每个组件都有一个 templateRef（查看： https://mattlewis92.github.io/angular-calendar/docs/components/CalendarWeekViewComponent.html#headerTemplate ).

 <mwl-calendar-week-view [viewDate]="viewDate" [events]="events" [hourSegmentTemplate]="weekViewHourSegmentTemplate" [headerTemplate]="noDateHeaderTemplate" (eventTimesChanged)="eventTimesChanged($event)" (eventClicked)="eventClicked($event)"> </mwl-calendar-week-view>

之后，您需要将 [headerTemplate] 设置为本地 ng-template。 我个人复制了 repo 中托管的默认模板（你可以在这里找到它： https://github.com/mattlewis92/angular-calendar/blob/main/projects/angular-calendar/src/modules/week/calendar-week -view-header.component.ts