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.

Configuración regional personalizada en Vis.js Timeline utilizando Vue.js.

Estoy utilizando la línea de tiempo vis.js en un proyecto Vue.js. Aunque parece bastante fácil personalizar la configuración regional utilizando JavaScript básico (ver codepen y documentación), simplemente no puedo hacerlo con Vue. Ya he agregado moment.js y moment-with-locales-es6 a mi proyecto. ¿Es esta la manera correcta de aplicar la configuración regional a moment.js para que también se aplique a la línea de tiempo vis?
Este es mi componente Vue.js:

<template>
    <div class="wrapper">
        <div id="visualization"></div>
    </div>
</template>

<script>
import {Timeline} from 'vis-timeline/standalone';
import tr from 'moment/locale/tr';
import moment from "moment-with-locales-es6";

export default {
    data() {
        return {
            items: [
                {
                    id: 1,
                    content: "1",
                    start: new Date(2021, 2, 23),
                    group: 0
                },
            ],
            options: {
                locale: "tr",
                locales: {
                    tr: {
                        current: "geçerli",
                        time: "kere",
                    },
                },
            },
            timeline: null
        }
    },
    mounted() {
        this.timeline = new Timeline(document.getElementById('visualization'));
        this.timeline.setOptions(this.options);
        this.timeline.setItems(this.items);
        moment.locale('tr')
    }
}
</script>
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Parece que vas por buen camino importando moment.js y moment-with-locales-es6 en tu proyecto de Vue.js. Sin embargo, para aplicar la configuración regional al timeline de vis, necesitas pasar la información de la configuración regional a las opciones del objeto timeline. En tu componente, estás haciendo esto correctamente al agregar las propiedades “locale” y “locales” al objeto “options”.

    Una cosa que puedes intentar es llamar al método “moment.locale” antes de crear el objeto timeline. Esto asegurará que la biblioteca moment.js esté utilizando la configuración regional correcta antes de ser utilizada para formatear las fechas en el timeline.

    Además, es posible que desees verificar si los archivos de configuración regional para moment.js y vis timeline se están cargando correctamente en tu proyecto. Puedes hacer esto inspeccionando las solicitudes de red en la consola de desarrollo de tu navegador.

    En general, el código que proporcionaste parece ser correcto, pero podría ser útil proporcionar más detalles sobre los problemas que estás encontrando y los mensajes de error que estás obteniendo.

Comments are closed.