【问题标题】:Date picker: Cannot scroll throug all years using ngbDatepicker日期选择器:无法使用 ngbDatepicker 滚动所有年份
【发布时间】:2020-08-13 11:20:26
【问题描述】:

预期行为

我希望用户能够在回历日期选择器中选择年份范围内的所有年份。

实际行为

用户只能在该范围内选择 15 个。假设范围从 1436 到 1417,用户首先必须单击 1417,然后他将再次单击列表,现在可以向下选择到 1416。如何修改代码以便用户可以滚动所有年份和不必多次点击即可找到正确的年份?

【问题讨论】:

    标签: calendar ng-bootstrap angular9 hijri


    【解决方案1】:

    您所要做的就是像这样设置 minDate 和 maxDate:

     <input class="form-control" (click)="d.toggle()" placeholder="yyyy-mm-dd"
                                      [maxDate]="maxDate"  [minDate]="minDate" [startDate]="startDate"
                                      placement="bottom"
                                      name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
    

    在打字稿代码中:

     maxDate ={year: new Date().getUTCFullYear()-16,month: 12, day: 31}
      minDate ={year: new Date().getUTCFullYear()-100,month: 12, day: 31}
      startDate={year: new Date().getUTCFullYear()-20,month: new Date().getUTCMonth(), day: 1}
    

    【讨论】:

    • 这里不需要设置最大日期,需要显示所有年份
    • 我想你还没有理解我的问题,我想在下拉菜单中显示所有年份,但明年只有当我点击去年时才会显示
    • 我想我确实明白了,你想看到 1416 1415 1414 而不点击 1417 并重新打开下拉菜单,我有同样的问题,我按照我告诉你的方式修复了它,你试过了吗是吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-15
    • 1970-01-01
    • 2020-02-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多