angular - 如何从 ngb datepicker 中删除年份箭头

Question

当我使用 ngb-datepicker 时，我将 [minDate] 和 [maxDate] 设置为一年。所以用户只能选择一年内的日期。但我想删除显示在年份选择框旁边的箭头。是否可以删除它们？

我的代码：

<ngb-datepicker #dp [(ngModel)]="toModel" [minDate]="fromModel" (ngModelChange)="setToDate($event)" [maxDate]="{year: 2019, month: 12, day: 31}" [startDate]="startDate"></ngb-datepicker>

Answer 1

是的，可以使用以下类隐藏右箭头

.custom-select {
background: #ffffff !important;
}

.ngb-dp-arrow.right {
display: none !important;
}

将这些类包含在styles.css 中，只有它会起作用，包含在组件的样式中将被全局css 覆盖。此外，自定义选择类将隐藏月份和年份的箭头。