PrimeNg p-calendar date.month result wrong month

Question

I have implemented p-calendar from primeNg and When I trying to compare/check dates it will return the wrong month.

<p-calendar
    [locale]="nl"
    [inline]="true"
    [showOtherMonths]="false"
    [showWeek]="true"
    [styleClass]="'ic-calendar'">
    <ng-template pTemplate="date" let-date>
      <span [class.maintenance]="checkDate(date)">{{date.day}}</span>
    </ng-template>
  </p-calendar>

If I change the {{date.day}} to {{date.month}} (or add it to just display the month) it results in 5 instead of 6 for the month June (current month at the time being).

in my typescript I configured the p-calendar:

this.nl = {
      firstDayOfWeek: 1,
      dayNames: ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'],
      dayNamesShort: ['Zon', 'Maa', 'Din', 'Woe', 'Don', 'Vrij', 'Zat'],
      dayNamesMin: ['Zo', 'Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za'],
      // tslint:disable-next-line: max-line-length
      monthNames: [ 'Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December' ],
      monthNamesShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec' ],
      dateFormat: 'dd/mm/yyyy',
      weekHeader: 'Wk'
    };

Answer 1

In javascript month is the only one that used a zero based index.

The date object that is used in the p-calendar component is a custom object and not a Date object.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

you need the create a new Date from this object.

for example:

checkDate(date: any) {
    const d = new Date(date.year, date.month, date.day);

    // do something with the date
  }
}