0

我创建了一个带有标记增量的时间线，以显示两个日期之间的时间，它工作正常，但我现在想将日期附加到它的适当增量标记上。

见我小提琴：http: //jsfiddle.net/vK8WA/

如您所见，我们获取日期，计算出要显示多少标记以及给它们多少间距以使它们在时间轴上平均放置，然后创建元素。

如果两个日期之间的天数等于或小于31我们每天显示标记，但如果天数等于或大于32，我们以周（7 天）为单位显示标记。

如何将每个增量的日期附加到其各自的标记上<div>？帮助？

编辑

如下所示，我i在我的方法中使用了增加时间轴上的日期编号。查看我的新小提琴：http: //jsfiddle.net/vK8WA/1/

我现在的问题是数字越来越高。我需要提取月份名称，并在日期达到 31（或 30、28，具体取决于月份）后将数字转回 1，并按顺序获取下个月。有人能帮忙吗？

4

2 回答 2

1

我更新了你的 fiddle，我想你会对结果感到满意。

  • startDate为和创建变量endDate
  • markerDate根据您现有的逻辑，基于以 1 或 7 天递增的变量生成标记。
  • 添加了月份缩写列表和ordinal帮助生成格式化输出的功能
  • 添加text-align: center;到您的 CSS 中time-increment

结果现在看起来像这样：

时间轴图像

于 2013-06-20T16:08:28.673 回答
0

好吧，如果我想念你的问题，请原谅我，附加正确日期的一种方法是，获取你已经拥有的开始日期，并将它增加你在循环中使用的 i 。然后就可以打印出计算出的给定结果。

于 2013-06-11T21:40:32.437 回答