首页 新闻 会员 周边 捐助

js点击记录时间的方法

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

实现这个功能方法该怎么写呀,第一次接触大佬们帮看看呀

js
问题补充:

这是实现样式的方法

刚入门的菜鸟的主页 刚入门的菜鸟 | 初学一级 | 园豆:154
提问于:2021-08-24 10:12
< >
分享
所有回答(5)
0

没看明白需求。。。

顾晓北 | 园豆:10898 (专家六级) | 2021-08-24 10:16

啊,不清楚嘛,就是点击选择任务安排时间,可以直接点开始时间到结束时间,就是8.24早-8.25晚,在这俩时间范围内的都变色呀,再返回一个时间8.24早-8.25晚这样,我不知道该怎么实现

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 10:20

@刚入门的菜鸟: 点击两次,一次算开始,一次算结束,然后把中间的都变黑?

支持(0) 反对(0) 顾晓北 | 园豆:10898 (专家六级) | 2021-08-24 10:35

@顾晓北: 对,然后显示一个时间段再这个图的上面,有个显示的输入框没截进来

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 10:37

@刚入门的菜鸟: 那假如:

  1. 你点完24号早上,点完25号晚上,你又点了27号中午呢?
  2. 假如你第一次点的是24号中午,又点了25号中午呢?

这两种情况,应该是哪些变黑?

支持(0) 反对(0) 顾晓北 | 园豆:10898 (专家六级) | 2021-08-24 10:40

@顾晓北: 不给跨段,就是点了24早上到25晚上,下一个只能点26早上,给我说的是这样

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 10:45
0

每天分成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,则清空之前所有的。

阅尽三千 | 园豆:332 (菜鸟二级) | 2021-08-24 14:41

很感谢你的答复,我的数据是后端给的,data,id是随机生成且唯一的字符串
这个办法行不通

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 15:08

@刚入门的菜鸟: 那你就用兄弟选择器,选前选后

支持(0) 反对(0) 阅尽三千 | 园豆:332 (菜鸟二级) | 2021-08-24 15:09

@阅尽三千: 之前做的就是选择器,没用两天让换这样的

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 15:17

@刚入门的菜鸟: 不对啊,后端传data,id是他的事,你到时提交的时候吧data,id川汇区就行了。。前端的话,你可以自己再生成一套data,id啊,总不可能哪个方格代表哪天都区分不出来吧

支持(0) 反对(0) 阅尽三千 | 园豆:332 (菜鸟二级) | 2021-08-24 15:32

@阅尽三千: 可以区分出来,是根据两个循环下标区分的,就是他还有其他要求,所以下不去手,去哦大佬说让我i先放着,说这个逻辑不通,他再沟通一下

支持(0) 反对(0) 刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 15:48
0

还给大佬,还有其他需求,就没写出来了,感谢评论

刚入门的菜鸟 | 园豆:154 (初学一级) | 2021-08-24 15:49
0

最简单的就是在循环产生方格的时候的他们不同的id根据你选中的如期按照桂柳就能更改对应区间内的样式

书昀 | 园豆:1072 (小虾三级) | 2021-08-24 17:09
0

格子生成是就把时间带上了,只是隐藏的,甚至可以用它做选择器,然后选择的时候,不就时间和选择器都有了么。重点就是如何生成格子!!!!!

素手揽清风 | 园豆:229 (菜鸟二级) | 2021-10-15 19:05
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册