'How change nameMonths of fullcalendar to Spanish or any language

I hope somebody could answer, is kind of silly question probably... I would like to change the values of monthnames, monthNamesShort. I found I can change the values here: http://arshaw.com/fullcalendar/docs/#time-date-formatting But can someone share some code of how. I will appreciate it.

Thank you a lot guys.

javascriptjqueryhtmleventsfullcalendar


Solution 1:[1]

When you invoke the calendar just pass the names of the months in spanish:

$('#calendar').fullCalendar({
    monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
    monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
    dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
    dayNamesShort: ['Dom','Lun','Mar','Mié','Jue','Vie','Sáb']
});

That should do it. You can do the same for any other option you want translated.

Solution 2:[2]

Include fullcalendar/fullcalendar.js

Include fullcalendar/locale/es.js for Spain, locale-all.js for World

 

    $('#calendar').fullCalendar({
       locale: 'es'
    })

Full Calendar locale docs

Solution 3:[3]

You need to override its default settings: 

<head>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#calendar').fullCalendar({
        monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
        monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
      });
    });
  </script>
</head>

<body>
  <div id='calendar'></div>
</body>

Solution 4:[4]

calendar.setOption('locale', 'es');

Solution 5:[5]

For an ES6 build system:

import { Calendar } from '@fullcalendar/core';
import esLocale from '@fullcalendar/core/locales/es';
//...
let calendar = new Calendar(calendarEl, {
  locale: esLocale
});
//...

This way also translates text in toolbar buttons.

Locale documentation

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 SparoHawk
Solution 2
Solution 3 lukas
Solution 4 Tarik Benali
Solution 5 Gustavo

Related Questions