es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

El localizador de Fullcalendar no cambia la barra del encabezado en la versión 5.

Estoy teniendo problemas para cambiar la localización de la barra de herramientas de encabezado de fullcalendar.

Lo extraño es que funciona con los nombres de los meses y los días, pero no con el encabezado.

El código se ve así:

let calendar = new FullCalendar.Calendar(calendarEl, {
    headerToolbar: {
        locale: getLanguage(),
        left: 'prev,next',
        center: 'title',
        right: 'timeGridWeek,dayGridMonth,listWeek',
    },
    initialView: 'timeGridWeek',
    weekNumbers: true,
    weekText: "",
    weekends: false,
    firstDay: 1,
    slotMinTime: "07:00:00",
    slotMaxTime: "18:00:00",
    eventTimeFormat: {
        hour: '2-digit',
        minute: '2-digit',
        hour12: false,
    },
    locale: getLanguage(),
    eventDisplay: "block",
    eventTextColor: "#fff"
});

La función getLanguage() devuelve el idioma del navegador, en mi caso debería (y lo hace) devolver no-NB.

function getLanguage() {
    let result = window.localStorage[LANGUAGE];
    return result ? result : navigator.language || navigator.userLanguage || 'no';
}

¿Por qué no cambia la localización de la barra de herramientas de encabezado?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Es posible que la propiedad “locale” no sea compatible en el objeto “headerToolbar”. Es posible que necesites establecer el idioma por separado para el calendario, utilizando la propiedad “locale” fuera del objeto “headerToolbar”:

    let calendar = new FullCalendar.Calendar(calendarEl, {
        headerToolbar: {
            left: 'prev,next',
            center: 'title',
            right: 'timeGridWeek,dayGridMonth,listWeek',
        },
        initialView: 'timeGridWeek',
        weekNumbers: true,
        weekText: "",
        weekends: false,
        firstDay: 1,
        slotMinTime: "07:00:00",
        slotMaxTime: "18:00:00",
        eventTimeFormat: {
            hour: '2-digit',
            minute: '2-digit',
            hour12: false, 
        },
        locale: getLanguage(),
        eventDisplay: "block",
        eventTextColor: "#fff"
    });
    
    calendar.setOption('locale', getLanguage());
    

    Esto debería establecer el idioma para todo el calendario, incluyendo el “headerToolbar”.

Comments are closed.