02. Traducir el Calendario - Piptonita/crear-calendario-FullCalendar GitHub Wiki

Para traducir el calendario tenemos que hacer un par de cosas.

  • Importamos de vendor/fullcalendar/locales/ el archivo es.js en index.html:
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calendario a Full</title>
    <link rel="stylesheet" href="vendor/fullcalendar/main.css">
</head>
<body>
    <div id="calendar"></div>
    
    <script src="vendor/fullcalendar/main.js"></script>
    <!-- antes del script de nuestro calendario añadimos el archivo traductor: -->
    <script src="vendor/fullcalendar/locales/es.js"></script>
    <script src="src/js/calendar.js"></script>
</body>
</html>
  • Ahora vamos a definir el idioma en nuestro calendario editando calendar.js:
var calendarDiv = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarDiv, {
    locales: 'es', // añadimos esta línea en nuestro calendario
    initialView: 'dayGridMonth', 
});

calendar.render();

Podemos ejecutar index.html para ver como se ha traducido el calendario. Tenemos una gran lista de idiomas para utilizar.

⚠️ **GitHub.com Fallback** ⚠️