数据交换-年份

Question

我正在修改一个简单的数据报警器。

我只想让年下拉(月份是不需要的)。

​

​

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

select.custom-select {
    display: none;
}

不幸的是，这不仅删除了月份下拉框，而且还删除了年份，见下文：

​

请参阅STACKBLITZ

Answer 1

一个简单的解决方案是使用css在ngb-datepicker-navigation-select中使用display:none隐藏第一个选择元素。

工作示例：https://stackblitz.com/edit/angular-year-datepicker-ng-bootstrap-8ag1xe

Answer 2

可以将样式添加到第一个选择中。

@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

Answer 3

最好的使用将是来自ngx-引导程序的数据报警器。

查看以下链接：https://valor-software.com/ngx-bootstrap/#/datepicker#min-mode

它有一个名为min模式的显示模式选项，因此在您的情况下，您不能超出that.You可以将min模式设置为“年份”的范围。效果很好！