PrimeNG日历在Angular5中没有按预期工作

时间:2018-05-29 11:21:55

标签: typescript angular5 primeng primeng-calendar

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

1 个答案:

答案 0 :(得分: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