我需要显示可以由用户配置的间隔为 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;
}
}
最佳答案
<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"
一起使用
关于html - 周 View 小时段 Angular 日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56168248/