visjs - majorLabels bug

majorLabels with wrong date

by knokit

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css">
<p>
  The <em>majorLabels</em> have the date of the next step.
</p>

<div id="visualization"></div>

JavaScript

// DOM element where the Timeline will be attached
  var container = document.getElementById('visualization');

  // Create a DataSet (allows two way data-binding)
  var items = new vis.DataSet([
    {id: 1, content: 'item 1', start: '2018-04-20'},
    {id: 2, content: 'item 2', start: '2018-04-14'},
    {id: 3, content: 'item 3', start: '2018-04-18'},
    {id: 4, content: 'item 4', start: '2018-04-16', end: '2018-04-19'},
    {id: 5, content: 'item 5', start: '2018-04-25'},
    {id: 6, content: 'item 6', start: '2018-04-27', type: 'point'}
  ]);

  // Configuration for the Timeline
  var options = {
  	start: '2018-03-26',
    end: '2018-05-06',
    format: {
      majorLabels: {
        month: 'D MMM YYYY',
        week: 'D MMM YYYY',
        day: 'D MMM YYYY'
      }
    }
  };

  // Create a Timeline
  var timeline = new vis.Timeline(container, items, options);

  timeline.addCustomTime(
    vis.moment('2018-04-20')
  );