calendrier angulaire comment changer de langue

Question

Je travaille avec calendrier angulaire Par défaut, la langue est l'anglais, je veux la changer en espagnol.

Mon problème est que la documentation est pauvre, même l'exemple de stackblitz ne fonctionne qu'avec le français, si j'essaie avec le code espagnol (es), ou tout autre code de langue, le calendrier n'affiche rien du tout.

Comment puis-je changer les noms des jours et des mois correctement avec le calendrier angulaire ?

Answer 1

Le répertoire journal des modifications explique que si vous voulez utiliser une "locale autre que l'anglais, vous devrez importer les données locales appropriées".

Dans ce cas :

import { registerLocaleData } from '@angular/common';
import localeEs from '@angular/common/locales/es';

registerLocaleData(localeEs);

Voir ceci StackBlitz .

Answer 2

Adicional l'importation, vous devez faire la suivante pour changer la langue du mois

<div class="title"> {{ viewDate | calendarDate:(view + 'ViewTitle'):'Es' }} </div> et pour changer la langue de la semaine, ajoutez la propriété locale="es" dans le champ <mwl-calendar-month-view>

Answer 3

import esLocale from '@fullcalendar/core/locales/en-au'; //English language

import frLocale from '@fullcalendar/core/locales/fr'; //French language

//if you want to change the calendar in english or french langages or any langage you want,
//just import the langage of the local then follow this example

locale:this.translate.getBrowserLang() == 'fr' ? frLocale : esLocale,