【问题标题】:How can I attach dates to my timeline?如何将日期附加到我的时间线?
【发布时间】:2013-06-11 21:15:00
【问题描述】:

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

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

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

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

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

编辑

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

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

【问题讨论】:

  • 标记在哪里?你能简化代码,把它粘贴到这里并坚持一些简单的问题吗?
  • 为什么不能在函数“//插入每个标记”期间附加日期?

标签: jquery date timeline


【解决方案1】:

updated your fiddle,我想你会对结果感到满意。

  • startDateendDate 创建了变量
  • 根据您现有的逻辑,根据markerDate 变量生成标记,该变量增加 1 天或 7 天。
  • 添加了月份缩写列表和 ordinal 函数以帮助生成格式化输出
  • time-increment 添加了text-align: center; 到您的CSS

结果现在看起来像这样:

【讨论】:

    【解决方案2】:

    如果我错过了理解您的问题,请原谅我,附加正确日期的一种方法是获取您已经拥有的开始日期并将其增加 i 您在循环中使用的日期。然后就可以打印出计算出的给定结果。

    【讨论】:

    • 我按照你说的做了,但现在我遇到了一系列新问题。看我的更新。你觉得你能帮忙吗?
    猜你喜欢
    • 2019-04-06
    • 2021-12-13
    • 2020-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多