selenium之js处理日历控件

selenium之js处理日历控件

在web自动化的过程中，我们会遇到日历控制的场景，
1.可以直接输入日期
2.不能够直接输入日期，只能选择
对于不能直接输入日期的控件，对于自动化用代码写起来太繁琐了，下边介绍一种简单的思路：
基本思路：
利用js去掉readonly属性，然后直接输入时间
以12306网站为例

可以通过手工进行修改如下截图所示：

对于上面的场景用python代码实现如下：

#通过js处理日历控件
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")
time.sleep(5)
# 去掉元素的readonly属性
js = 'document.getElementById("train_date").removeAttribute("readonly");'
driver.execute_script(js)
# 方法1，清空输入框后输入值
driver.find_element_by_id("train_date").clear()
driver.find_element_by_id("train_date").send_keys("2020-10-6")

# 方法2，用js方法输入日期
# js_value = 'document.getElementById("train_date").value=("2020-10-6");'
# driver.execute_script(js_value)