vis.jsタイムラインボタンを追加して日または週を表示する

Question

私は水平ズームレイアウトと予約が必要なアイテムを追加する機能が好きなので、vis.jsで「予約」システムを作成しようとしています。クリックすると、タイムライン上の現在の日または週または月のビューが表示されるボタンを追加する必要があります。

あなたが集中するタイムラインを設定したい場合は、例えば、

timeline.setWindow(start, end [, options]) 

を使用することができます

<div id=""visualization></div> 
    <ul class="btn-cluster"> 
    <li class="btn-cluster__item btn"><a class="btn-cluster__link--day">day</a></li> 
    <li class="btn-cluster__item btn"><a class="btn-cluster__link--day">week</a></li> 
<li class="btn-cluster__item btn"><a class="btn-cluster__link--day">month</a></li> 
    </ul> 




var container = document.getElementById('visualization'); 
var groups = {}; 
var items  = new vis.DataSet([ 
    { 
    id: 'item1', 
    content: 'item content' 
    }, 

]) ; 
var options = {}; 

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

Answer 1

その日、週、月などのユーザー指定の範囲にタイムライン上のビューを設定するには、今日は視野幅24時間で次のことができます。

var ONE_DAY_IN_MS = 1000 * 60 * 60 * 24; 
var now = new Date(); 
var nowInMs = now.getTime(); 
var oneDayFromNow = nowInMs + ONE_DAY_IN_MS; 
timeline.setWindow(nowInMs, oneDayFromNow);