首页 > 解决方案 > Angular 4:ngbdatepicker 选择年份下拉列表的自定义样式

问题描述

我在我的角度应用程序中使用 ngbDatepicker。

<div class="form-group  mb-0 mr-5 ">
              <label class="form-control-label">Event Date</label>
              <div class="input-group">
                <input class="form-control" placeholder="Select Event Date" [minDate]="{year: 1900, month: 1, day: 1}"
                       name="dp" formControlName="eventDate" ngbDatepicker #d="ngbDatepicker" (select)="selected($evet)">
                <div class="input-group-append border-0">
                  <button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
                </div>
              </div>
            </div>

这很好用,但我的 Select Year 下拉菜单太长,无法容纳很多年。我正在尝试将滚动应用于此下拉列表,但无法访问此元素。

在此处输入图像描述

已尝试访问 ** ngbDatepicker** 参考,但似乎无法获得对此选择元素的参考?

@ViewChild('d') ndbDate: any

有没有更好的方法来解决它?欢迎提出建议:)

标签: angularngb-datepicker

解决方案


推荐阅读