PrimeNG 日历在 Angular5 中未按预期工作

Question

我在出生日期字段中使用 PrimeNG 日历。我正在使用 yearNavigator 和 yearRange。用户可以 select 最大值是当前年份之前的 12 年前。

<p-calendar formControlName="dob" class="" id="dob-registration" dateFormat="dd/mm/yy" placeholder="DD/MM/YYYY"
          readonlyInput="true" [monthNavigator]="true" [yearNavigator]="true" [yearRange]="dobYearRange" [maxDate]="maxYearDate"></p-calendar>

所以我分配的值类似于

this.maxYearDate = new Date(new Date().setFullYear(new Date().getFullYear() - 12));
this.dobYearRange = '1900:' + (new Date().getFullYear() -12);

现在年份和月份来自预期的下拉列表。但问题是最初年份下拉列表的初始值为 1900 并显示当前日期所有禁用状态。

如何将年份下拉值设置为 12 年前，并且日期恰好为 12 年前？

Answer 1

如果您将 defaultDate 设置为 maxYearDate 之前的值，您将不会 land 在禁用天数的当前日期。

<p-calendar class="" id="dob-registration" dateFormat="dd/mm/yy" placeholder="DD/MM/YYYY"
          readonlyInput="true" [monthNavigator]="true" [yearNavigator]="true" [yearRange]="dobYearRange" [maxDate]="maxYearDate" [defaultDate]="maxYearDate"></p-calendar>

见StackBlitz

PrimeNG 日历在 Angular5 中未按预期工作

PrimeNG calendar is not working as expected in Angular5

typescript

primeng

angular5

primeng-calendar