没看明白需求。。。
啊,不清楚嘛,就是点击选择任务安排时间,可以直接点开始时间到结束时间,就是8.24早-8.25晚,在这俩时间范围内的都变色呀,再返回一个时间8.24早-8.25晚这样,我不知道该怎么实现
@刚入门的菜鸟: 点击两次,一次算开始,一次算结束,然后把中间的都变黑?
@顾晓北: 对,然后显示一个时间段再这个图的上面,有个显示的输入框没截进来
@刚入门的菜鸟: 那假如:
这两种情况,应该是哪些变黑?
@顾晓北: 不给跨段,就是点了24早上到25晚上,下一个只能点26早上,给我说的是这样
每天分成123三块,数据结构 [26=>[1,2,3],27=>[1,2,3]]
标签上可以用data-id = 26-1,26-2,26-3,27-1,27-2,27-3
<div data-day='26' data-time='1'>
<div data-day='26' data-time='2'>
<div data-day='26' data-time='3'>
<div data-day='27' data-time='1'>
<div data-day='27' data-time='2'>
<div data-day='27' data-time='3'>
这样选定两个div后,先判断day,day小的取当天time靠后的,day大的取time靠前的。
如选择第三个div,则清空之前所有的。
很感谢你的答复,我的数据是后端给的,data,id是随机生成且唯一的字符串
这个办法行不通
@刚入门的菜鸟: 那你就用兄弟选择器,选前选后
@阅尽三千: 之前做的就是选择器,没用两天让换这样的
@刚入门的菜鸟: 不对啊,后端传data,id是他的事,你到时提交的时候吧data,id川汇区就行了。。前端的话,你可以自己再生成一套data,id啊,总不可能哪个方格代表哪天都区分不出来吧
@阅尽三千: 可以区分出来,是根据两个循环下标区分的,就是他还有其他要求,所以下不去手,去哦大佬说让我i先放着,说这个逻辑不通,他再沟通一下
还给大佬,还有其他需求,就没写出来了,感谢评论
最简单的就是在循环产生方格的时候的他们不同的id根据你选中的如期按照桂柳就能更改对应区间内的样式
格子生成是就把时间带上了,只是隐藏的,甚至可以用它做选择器,然后选择的时候,不就时间和选择器都有了么。重点就是如何生成格子!!!!!