周视图小时段角度日历答案

【问题标题】：week view hour segment angular calendar周视图小时段角度日历
【发布时间】：2019-05-16 12:11:10
【问题描述】：

我需要以用户可以配置的 15 间隔显示小时数。

我尝试了下面的方式，但显示如下：

我需要以 15 或 30 分钟的间隔显示：15:15 - 15:30 - 15:45

html 组件：

<mwl-calendar-week-view [dayStartHour]="8" [dayStartMinute]="0" [precision]="'minutes'" 
[hourSegments]="4" [dayEndHour]="18" [dayEndMinute]="0" 
*ngSwitchCase="'week'" [excludeDays]="[0,6]" [viewDate]="viewDate" 
(viewDateChange)="selectedDay = {date:$event}" [events]="events" 
[refresh]="refresh" (dayClicked)="dayClicked($event.day)" 
(eventClicked)="edit($event.event" (eventTimesChanged)="eventTimesChanged($event)">
</mwl-calendar-week-view>

scss：

.cal-week-view {

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

【问题讨论】：

标签： html angular typescript angular-calendar

【解决方案1】：

<mwl-calendar-week-view *ngSwitchCase="CalendarView.Week" [viewDate]="viewDate" 
  [tooltipTemplate]="tooltipTemplate1" [events]="event_data" [refresh]="refresh"
  (eventClicked)="handleEvent('Clicked', $event.event)" [hourSegments]="4"
  [dayStartHour]="dayStartHour" [dayEndHour]="dayEndHour">
</mwl-calendar-week-view>

要显示一小时 15 分钟的时段，请将其与 [hourSegments]="4" 一起使用

【讨论】：