angular - 在 Angular 的 ng Bootstrap 日期选择器中无法使用 Years 选项

Question

我正在使用 ng Bootstrap Datepicker 在 Angular 8 中工作

我在年份 dorpdown中的DatePicker 框中的年份范围有限

我正在分享我的代码

<div class="form-group">
                <div class="input-group">
                  <input class="form-control" formControlName="doj" (click)="(role == 'RS' || role == 'TSO') ? e.toggle({year: 1224, month: 2 , day:1}) : null" [readonly]="true" placeholder="yyyy-mm-dd" name="dp" ngbDatepicker
                    #e="ngbDatepicker">
                  <div class="input-group-append">
                    <button class="btn btn-outline-secondary calendar" (click)="(role == 'RS' || role == 'TSO') ? e.toggle() : null" type="button"></button>
                  </div>
                </div>
              </div>

我也在分享图片

Answer 1

您可以使用 [minDate] 和 [maxDate] 输入更改可用于导航和选择的日期限制。如果您不指定其中任何一个，则年份选择框将显示当前可见月份的 -10 年和 +10 年。这就是为什么您在当前的下拉列表中只看到这些年。

您可以在 html 中的 datepicker 指令中设置 mindate 以设置可选择的年份。

<ngb-datepicker [minDate]="{year: 2010, month: 1, day: 1}"
            [maxDate]="{year: 2048, month: 12, day: 31}"
            [markDisabled]="isDisabled">
</ngb-datepicker>

您可以在 ng-bootstrap 文档中找到更多信息