论坛 › 问答互助 › 日期选择框，根据论坛教程的教程还是不能成功后台设置值

xiedaolin 发表于 2023-3-31 15:54:25

李恒道 发表于 2023-3-31 14:33
嗯嗯
不急得

我已经把截图补充上了，请大佬看下，我应该没有操作错误。

李恒道 发表于 2023-3-31 16:08:00

xiedaolin 发表于 2023-3-31 15:54
我已经把截图补充上了，请大佬看下，我应该没有操作错误。

同组件我这里测试完全没问题的
跟数据响应式没关系的
尝试去派查你代码的其他问题吧

wwwwwllllk 发表于 2023-3-31 18:23:09

xiedaolin 发表于 2023-3-31 13:50
我是在控制台测试论坛里面的几个方法的；一会我把调试截图附上

控制台也不行？

我当时遇到的问题就是需要先focus一下，然后我setTimeout设置了一个定时器再触发的


https://bbs.tampermonkey.net.cn/data/attachment/forum/202303/31/182145azuxkdbxzqpd7qdz.png

wwwwwllllk 发表于 2023-3-31 18:26:10

可以先在控制台一步一步模拟人的操作来触发。毕竟放到脚本里面应该可能还会有其它情况没有考虑到

cxxjackie 发表于 2023-3-31 21:33:40

不直接通过value设置呢？就是先点一下上面，再点下面日期，通过click事件实现。

xiedaolin 发表于 2023-3-31 21:53:38

!(data/attachment/forum/202303/31/215047nmea3a8qe1ay5soi.png)
最终经过调试发现 使用 红色方框中的inputdom 元素可以成功写入值，而不是用我蓝色方框的这个inputdom元素值；
最终调试代码如下：

`dt1 = document.querySelector("#main-content > div:nth-child(2) > div:nth-child(2) > div > div.datachart-wrap > div > div:nth-child(1) > form > div.hcp-form-item.datachart-filter-item-date-picker > div > div > input:nth-child(2)");`
`dt2 = document.querySelector("#main-content > div:nth-child(2) > div:nth-child(2) > div > div.datachart-wrap > div > div:nth-child(1) > form > div.hcp-form-item.datachart-filter-item-date-picker > div > div > input:nth-child(4)");`
//触发父元素div click 弹出下拉日期选择框
`dtall = dt1.parentElement`
`dtall.dispatchEvent(new Event("click"));`

`dt1.value="2023-03-29 18:00:00";`
`dt1.dispatchEvent(new Event("focus"));`
`//要先触发input，然后change`
`dt1.dispatchEvent(new Event("input"));`
`dt1.dispatchEvent(new Event("change"));`

查看完整版本: 日期选择框，根据论坛教程的教程还是不能成功后台设置值