前端时间重叠展示问题

悬赏园豆：50 [待解决问题]

有一个时间和商品的表格，每个商品可能会有多个订单，订单之间可能会有时间重叠的情况，表格的一个td的宽高为120px,70px,代表1天，默认会有30天的,需求是根据后端返回的订单数组，去在表格中去用色块展示出来，如果订单重叠的话则平分td的高度，需要注意的是有可能有多个重叠的情况，比如1和2重叠，2和3重叠，但是1和3又不重叠，其结果就是1,2,3所占都为1/2而不是1/3，需动态计算其每个订单所占的高度!
如上图

Simon9527 | 初学一级 | 园豆：152
提问于：2024-07-15 11:33

< >

所有回答(1)

题目描述不清楚，建议举例子，列出数据，数据中包含一些极端情况，然后这种情况之下该如何显示。。。

顾晓北 | 园豆：10898 (专家六级) | 2024-07-15 15:58

如这样的一个数组let orderArr = [
{ startTime: '2024-07-09', endTime: '2024-07-10' },
{ startTime: '2024-07-01', endTime: '2024-07-05'},
{ startTime: '2024-07-11', endTime: '2024-07-13' },
{ startTime: '2024-07-04', endTime: '2024-07-08' },
{ startTime: '2024-07-02', endTime: '2024-07-09' },
{ startTime: '2024-07-06', endTime: '2024-07-10' },
{ startTime: '2024-07-05', endTime: '2024-07-12' },
];做成下面的效果，

支持(0) 反对(0) Simon9527 | 园豆：152 (初学一级) | 2024-07-18 17:17

@Simon9527: 711--713只有一条，为什么后面三行都是紫色的？

支持(0) 反对(0) 顾晓北 | 园豆：10898 (专家六级) | 2024-07-18 17:26

@顾晓北: 0711到0713这个时间段没有其他项与其重叠所以就占剩余的所有

支持(0) 反对(0) Simon9527 | 园豆：152 (初学一级) | 2024-07-18 17:40

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

前端时间重叠展示问题

欢迎，请先登录或者注册。