как использовать календарь PrimeNG с yearNavigator (не работает)

Question

Я хотел использовать календарь прайменга с селектором месяца и года. Я скопировал и вставил пример кода с их сайта, но не вижу селектора года. Мои зависимости:

"primeicons": "^ 1.0.0", "primeng": "^ 6.1.2",

<p-calendar view="month" dateFormat="mm/yy"
    [yearNavigator]="true" yearRange="2000:2030">
</p-calendar>

Я вижу только месяцы.

есть идеи?

Answer 1

попробуйте дать ему ngModel, тогда он будет показан правильно: TS:

public value;
constructor() {   
  this.value = new Date();
}

HTML:

<p-calendar [(ngModel)]="value" view="month" dateFormat="mm/yy" [yearNavigator]="true" yearRange="2000:2030"></p-calendar>

DEMO .