Angular 4.0 Calendar - 以周视图显示时间

时间:2017-11-22 06:14:01

标签: angular calendar

我在Angular应用中使用https://mattlewis92.github.io/angular-calendar/来显示/添加日历事件。

该应用程序允许用户在月,周和日视图之间切换。然而,周视图仅显示该周的日期而不是时间段。

有没有办法在一周的视图中显示每一天的时间安排?这就是本周的观点:

 <mwl-calendar-week-view
      *ngSwitchCase="'week'"
      [weekStartsOn]="1"
      [viewDate]="viewDate"
      [events]="events"
      [refresh]="refresh"
      (dayClicked)="addEvent('Add', $event.date)"
      (eventClicked)="handleEvent('Edit', $event.event)"
      (eventTimesChanged)="eventTimesChanged($event)"
      [headerTemplate]="weekHeaderTemplate"
      [excludeDays]="excludeDays">
    </mwl-calendar-week-view>

我在文档中找不到任何显示时间的内容。任何人都可以提前帮助,谢谢。

2 个答案:

答案 0 :(得分:0)

如该图书馆的作者所述:

  

月,周或日视图不符合我的项目要求,但其他视图可以。

     

构建您自己的组件以替换该视图,并使用它来代替此库提供的视图。提供满足每个用例的日历组件是不可能的,但希望至少可以使用日历API自定义提供的日/周/月视图组件中的一些,以便对大多数项目有所帮助。

供参考: https://github.com/mattlewis92/angular-calendar

答案 1 :(得分:0)

您可以使用自定义日期格式的提供程序更改日历标题。 供参考:https://mattlewis92.github.io/angular-calendar/#/customise-date-formats