cal-heatmap onclick on day,滚动到周的部分

时间:2017-08-14 03:44:05

标签: javascript jquery html d3.js cal-heatmap

所以,我有一个cal-heatmap日历工作在my website。它显示2016年12月至2017年11月的数据。

在同一页面上,我将文本分为不同的部分。

以下是部分的代码:

<h3 class="sectiontitle" id="week1" style="clear:both;">Week 1</h3>
<div class="divider"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

2016年12月至2017年11月每周有一个部分。

我想要的是onClick on cal-heatmap,它将滚动到相应的部分。

例如,

  • onclick 2016年12月3日,它将链接到第1周。
  • onclick 2016年12月4日,它将链接到第1周。
  • onclick 2016年12月10日,它将链接到第2周。
  • onclick 2016年12月28日,它将链接到第5周。

根据cal-heatmap's documentation,我应该使用onClick(日期,值)功能。但是,我不知道如何将日期更改为周数。

请注意,所提供的日期采用以下格式:&#34; Tue Jan 04 2000 17:00:00 GMT + 0800(中国标准时间)&#34;,而不是时间戳格式。

那么,我怎样才能做到这一点?谢谢!我希望我已经清楚地解释了它。

1 个答案:

答案 0 :(得分:1)

感谢@iMatoria,我找到了答案。

var week = Math.ceil(((date.getTime() / 1000 - 1480435200) / 86400 - 4) / 7 + 1);

这将给出自第一天起的周数。哪里&#39; 1480435200&#39;是2016年11月31日

工作示例:http://2017.igem.org/Team:Hong_Kong_UCCKE/Notebook