python-web自动化-Js-日历操作

日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能；以12306网站为例，讲解如何解决日历控件为readonly属性的问题。

基本思路：先用js去掉readonly属性，然后直接输入日期文本内容。

如下图：

详细代码如下：15-21行是处理日历控件的代码

from selenium import webdriver
import time
from selenium.webdriver.common.keys import Keys

# 打开12306首页
driver = webdriver.Chrome()
driver.get('https://www.12306.cn/index/')
time.sleep(2)
# 出发地输入地点
driver.find_element_by_xpath('//input[@id="fromStationText"]').click()#先点击输入框清空默认文本
driver.find_element_by_xpath('//input[@id="fromStationText"]').send_keys('济南',Keys.ENTER)#输入文本回车
# 到达地输入地点
driver.find_element_by_xpath('//input[@id="toStationText"]').click()#先点击输入框清空默认文本
driver.find_element_by_xpath('//input[@id="toStationText"]').send_keys('上海',Keys.ENTER)#输入文本回车
# 处理出发时间
# js去除readonly属性
js = 'document.getElementById("train_date").removeAttribute("readonly")'
driver.execute_script(js)
# js添加时间
js_value = 'document.getElementById("train_date").value="2019-02-10"'
driver.execute_script(js_value)