Календарь PrimeNG не работает должным образом в Angular5 - PullRequest
Новая
       17

Календарь PrimeNG не работает должным образом в Angular5

0 голосов
/ 29 мая 2018

Я использую календарь 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 лет назад?

1 Ответ

0 голосов
/ 31 мая 2018

Если вы установите 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

...