cal-heatmap onclick onday,滚动到本周的部分
cal-heatmap onclick on day, scroll to the week's section
所以,我在 my website 上有一个 cal-heatmap 日历。它显示了从 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月每周一节
我想要的是在cal-heatmap的那一天点击,它会滚动到相应的部分。
例如,
- onclick 2016 年 12 月 3 日,它将 link 到第 1 周。
- onclick 2016 年 12 月 4 日,它将 link 到第 1 周。
- onclick 2016 年 12 月 10 日,它将 link 到第 2 周。
- onclick 2016 年 12 月 28 日,它将 link 到第 5 周。
根据cal-heatmap's documentation,我应该使用 onClick(date, value) 函数。但是,我不知道如何将给定的日期更改为周数。
请注意,给出的日期格式为:"Tue Jan 04 2000 17:00:00 GMT+0800 (China Standard Time)",而不是时间戳格式。
那么,我该如何实现呢?谢谢!希望我解释清楚了。
感谢@iMatoria,我找到了答案。
var week = Math.ceil(((date.getTime() / 1000 - 1480435200) / 86400 - 4) / 7 + 1);
这将给出从第一天开始的周数。其中“1480435200”是 2016 年 11 月 31 日
所以,我在 my website 上有一个 cal-heatmap 日历。它显示了从 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月每周一节
我想要的是在cal-heatmap的那一天点击,它会滚动到相应的部分。
例如,
- onclick 2016 年 12 月 3 日,它将 link 到第 1 周。
- onclick 2016 年 12 月 4 日,它将 link 到第 1 周。
- onclick 2016 年 12 月 10 日,它将 link 到第 2 周。
- onclick 2016 年 12 月 28 日,它将 link 到第 5 周。
根据cal-heatmap's documentation,我应该使用 onClick(date, value) 函数。但是,我不知道如何将给定的日期更改为周数。
请注意,给出的日期格式为:"Tue Jan 04 2000 17:00:00 GMT+0800 (China Standard Time)",而不是时间戳格式。
那么,我该如何实现呢?谢谢!希望我解释清楚了。
感谢@iMatoria,我找到了答案。
var week = Math.ceil(((date.getTime() / 1000 - 1480435200) / 86400 - 4) / 7 + 1);
这将给出从第一天开始的周数。其中“1480435200”是 2016 年 11 月 31 日