How can I change the months display language in the title?

[damtaipu]

Ionic version: (check one with "x") [ ] 2.x [ ] 3.x [ X ] 4.x

Ion2-calendar mode: (check one with "x") [ X ] components mode [ ] modal mode

I'm submitting a ... (check one with "x") [ ] bug report [ ] feature request [X] help me

Current behavior: It is currently displayed like this: jan, feb, mar, apr, mai, jun, jul, ago, sep, oct, nov, dec

Expected behavior: How can I change and customize the language of the month that is displayed in the title. I want it to display: "Jan, Fev, Abr, Mai, Jun, Jul, Ago, Set, Out, Nov, Dez." In Brazilian Portuguese.

Note: First letter in uppercase

I made a workaround changing it directly on calendar.component.js, adding: moment.locale('pt-br'), as shown in the image below (line 309):

Well, I think there must be a correct way to change this.

[heliomarpm]

Hi @damtaipu, maybe it's too late, but here is an example for future reference.

PS. I waited a long time for the update to fix the limitation in the 1970's selection, as this repository is abandoned I decided to create my own version. https://github.com/heliomarpm/ion-calendar

Coming back to your problem, it can be solved this way.

• In the .ts code, fill in your options

  public calendarOptions: CalendarComponentOptions = {
  from: new Date(-1, 0, 1),
  color: 'secondary',
  monthPickerFormat: ['JAN', 'FEV', 'MAR', 'ABR', 'MAI', 'JUN', 'JUL', 'AGO', 'SET', 'OUT', 'NOV', 'DEZ'],
  weekdays: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
  pickMode: 'single',
  showYearPicker: true,
  };

• In your html you assign the option values:

  <ion-calendar  [options]="calendarOptions" format]="'YYYY-MM-DD'" ... >
  </ion-calendar>