typescript - PrimeNG 日历在 Angular5 中无法正常工作

Question

我正在使用 PrimeNG 日历作为出生日期字段。我正在使用yearNavigator和yearRange。用户可以选择最大值是当前年份之前的 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