收藏
回答

想实现这种效果,有什么思路和建议?

回答关注问题邀请回答
收藏

2 个回答

  • 小黎
    小黎
    02-01

    感觉这个有点像日历上的日程

    02-01
    有用 2
    回复 4
    • Atlantis
      Atlantis
      02-01
      请问这个是如何实现的
      02-01
      回复
    • 小黎
      小黎
      02-01回复Atlantis
      我没写过,提供个思路吧,每天里面有多个不同的记录点,相当于是一个数组,数组的每个元素是个对象,每个对象包含名称 当前日期 开始时间 结束时间,然后遍历找出这个对象中当天最小时间和最大时间确定横着的时间线  比如最小8:00 最大12:00  线就是 8:00 9:00 10:00 11:00 12:00 ,因为你的元素要放在这时间线里面,其他的时间线都没用,然后把内容放进这个带时间线的盒子里,考虑定位来做,每个方框top值就是当前元素开始日期减最小日期,元素高度就是当前元素结束日期减开始日期。我的思路大概就是这样。
      02-01
      1
      回复
    • Atlantis
      Atlantis
      02-01
      非常感谢,同一时间如果有多个事件的话 如何保证不重叠呢
      02-01
      回复
    • 小黎
      小黎
      02-01回复Atlantis
      判断日期重叠就给当前元素left值,让它排到右边去
      02-01
      回复
  • brave
    brave
    02-01

    你这还有冲突课程的???

    02-01
    有用
    回复 3
    • Atlantis
      Atlantis
      02-01
      名字是随便起的 不过这个不重要
      02-01
      回复
    • brave
      brave
      02-01回复Atlantis
      如果你没有冲突课程的话,我倒是可以跟你讲讲怎么去实现布局
      有冲突课程的话,可能你需要的数据结构比较复杂,当然后端可以处理成前端方便渲染的格式那就可以做。
      02-01
      回复
    • Atlantis
      Atlantis
      02-01回复brave
      没有冲突课程这样的已经实现了  就是有冲突课程的太难啦
      02-01
      回复
登录 后发表内容
问题标签