javascript - 打开当前日期的中心 Vis.js 时间线

Question

我有一个从 2017 年 1 月到 2018 年 1 月的 VisJS 时间表。时间线以年中三个月的范围为中心打开，但我希望它每次都以当前时间为中心打开。

min: new Date(2017, 1, 5),           // lower limit of visible range
max: new Date(2018, 1, 11),          // upper limit of visible range
zoomMin: 1000 * 60 * 60 * 24,        // one day in milliseconds
zoomMax: 1000 * 60 * 60 * 24*31*3,   // three months in milliseconds

Answer 1

你可以试试这样的（timeline.setWindow()）：

const todayStart = new Date();
todayStart.setHours(8, 0, 0, 0);
const todayEnd = new Date();
todayEnd.setHours(18, 0, 0, 0);

console.log(todayStart, ':', todayEnd);
setTimeout(_ => {
  this.timeline.setWindow(todayStart, todayEnd, { animation: true });
});

或更好的moveTo

  this.timeline.moveTo(new Date());//or
  this.timeline.moveTo(new Date(), { animation: true });//or
  this.timeline.moveTo(new Date(), { animation: true }, (props) => {
    console.log("movedTo", props);
  });

Answer 2

您可以使用配置选项上的开始和结束来实现您想要的。

var today = new Date(new Date().setHours(0,0,0,0));
var tomorrow = new Date(new Date().setHours(23,59,59,999)+1);

var options = {
    in: new Date(2018, 1, 5), 
    max: new Date(2019, 1, 11),    
    zoomMax: 1000 * 60 * 60 * 24*31*3, 
    start:today,
    end:tomorrow
};

我创建了这个特定解决方案的CodePen实现。