Calenar Localization

[dmpour23]

Hi I am trying to Setting localization.

In the calendar weekdays options & monthPickerFormat work. But how can i change the localization on the actual month shown for the month picker ?
i.e FEB 2018
You have the option to set the format but how do you set the localization?
monthFormat | string | 'MMM YYYY' | month title format

Thanks
Dimitri

[ramoncarreras]

Yes. Same problem here.

I put the following code in my app.module.ts:

import {registerLocaleData} from '@angular/common';
import localeCa from '@angular/common/locales/ca';
import localeEs from '@angular/common/locales/es';
import localeEn from '@angular/common/locales/en';
import localeFr from '@angular/common/locales/fr';

registerLocaleData(localeCa);
registerLocaleData(localeEs);
registerLocaleData(localeEn);
registerLocaleData(localeFr);

@NgModule({
    declarations: [...],
    imports: [
        ...
        CalendarModule,
        ...
    ],
    bootstrap: [...],
    entryComponents: [...],
    providers: [        
        {provide: LOCALE_ID, useValue: "es"} // could be 'es', 'en', 'fr' or 'ca'
    ]
})

Then, if I test with simple localized Angular Pipe...

<p>{{today | date:'fullDate'}}</p>

... the output appeaers localized in spanish (es), BUT MY CALENDAR PICKER IS STILL IN ENGLISH => "February 2018".

[ramoncarreras]

I think the problem is that you are not using angular date pipe to localize month names. You are using moment format function.

[ramoncarreras]

This works for me to localize months @dmpour23 :

import {Component} from '@angular/core';
import {Platform} from 'ionic-angular';
import {StatusBar} from '@ionic-native/status-bar';
import {SplashScreen} from '@ionic-native/splash-screen';

import moment from 'moment';
import 'moment/locale/es';

@Component({
    templateUrl: 'app.html'
})
export class TaxApp {
    
    rootPage: string = "HomePage";
    
    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
        platform.ready().then(() => {
            statusBar.styleDefault();
            splashScreen.hide();
    
            moment.locale("es");            
        });
    }
    
}