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

xiedaolin

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

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

李恒道

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

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

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

wwwwwllllk

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

控制台也不行？

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

wwwwwllllk

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

cxxjackie

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

xiedaolin

最终经过调试发现 使用 红色方框中的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"));