Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 672
oshingc Avatar asked Mar 27 '14 14:03

oshingc


3 Answers

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.

like image 54
SparoHawk Avatar answered Sep 21 '22 03:09

SparoHawk


Include fullcalendar/fullcalendar.js

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

 

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

Full Calendar locale docs

like image 25
r0b3rt0 Avatar answered Sep 18 '22 03:09

r0b3rt0


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>
like image 30
lukas Avatar answered Sep 21 '22 03:09

lukas