css - 日期选择器 - 仅限年份

Question

我正在修改一个简单的日期选择器。

我只想有年下拉列表(不需要月份)。

我试图通过添加 css 来删除月份下拉列表:

select.custom-select {
    display: none;
}

不幸的是，这不仅删除了月份下拉列表，还删除了年份，见下文:

请参阅 STACKBLITZ

Answer 1

您可以为第一个选择添加样式

@Component({
  selector: 'ngbd-datepicker-basic',
  templateUrl: './datepicker-basic.html',
  styles:[':host ::ng-deep select:first-child{display:none;}']
})
export class NgbdDatepickerBasic {
...
}

引用:https://stackblitz.com/edit/angular-year-datepicker-ng-bootstrap-kyjfjz