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.
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.
Include fullcalendar/fullcalendar.js
Include fullcalendar/locale/es.js for Spain, locale-all.js for World
$('#calendar').fullCalendar({ locale: 'es' })
Full Calendar locale docs
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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With