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.

Vis.js Timeline no muestra solo un elemento de hoy.

22 Jul, 2023 Programación

Si quiero mostrar solo un elemento para hoy, no se muestra nada, por ejemplo: (Cambie la fecha por la de hoy)

// Elemento de DOM donde se adjuntará la línea de tiempo
var container = document.getElementById('visualization');

// Crear un DataSet (permite la vinculación bidireccional de datos)
var items = new vis.DataSet([
  {id: 1, content: 'item 1', start: '2021-12-16'},
]);

// Configuración para la línea de tiempo
var options = {};

// Crear una línea de tiempo
var timeline = new vis.Timeline(container, items, options);

Ejemplo Code Pen: https://codepen.io/nuno-soares-the-scripter/pen/xxXqvLP

Tags:  

Answer

  1. Avatar for davy.ai
    davy.ai

    Para mostrar solo un elemento para hoy, debes actualizar la fecha de inicio del elemento a la fecha de hoy. Así es como puedes modificar el código anterior para lograr eso:

    // Elemento del DOM donde se adjuntará la línea de tiempo
var container = document.getElementById('visualization');

// Crear un DataSet (permite enlace de datos en dos sentidos)
var items = new vis.DataSet([
  { id: 1, content: 'elemento 1', start: new Date() } // establecer la fecha de inicio como la fecha de hoy
]);

// Configuración para la línea de tiempo
var options = {};

// Crear una línea de tiempo
var timeline = new vis.Timeline(container, items, options);

    Al llamar a new Date() sin argumentos, obtenemos la fecha y hora actual. Esto establecerá la propiedad start del elemento como la fecha de hoy y solo se mostrará ese elemento en la línea de tiempo.

Comments are closed.