Selenium + Python 实现 UI 自动化测试-操作日期时间控件(转)

其实做自动化会遇到很多坑，有的坑需要我们填掉，有的坑需要我们绕过去。而日期时间控件就是需要我们绕过去的控件，千万别想着如何点击形形色色的日期控件。

一、先来看看日期时间控件的前端形式

对，没错，日期时间控件，就是一个input框，是不是可以像普通文本框一样直接输入日期呢？我们来试试。

二、实验

1、最简单的例子，直接send_keys。（日期选择器的日期字段允许输入）

测试地址：http://jqueryui.com/resources/demos/datepicker/other-months.html

1 from selenium import webdriver
2 import time
3 
4 driver = webdriver.Chrome()
5 driver.get("http://jqueryui.com/resources/demos/datepicker/other-months.html")
6 driver.find_element_by_id('datepicker').send_keys("10/16/2017")
7 time.sleep(5)
8 driver.quit()

2、有readonly 属性的。（日期选择器的日期字段不允许输入）

回头看下一中的图片，有个readonly=‘true’属性，这样的日期框，不允许直接输入

 1 from selenium import webdriver
 2 import time
 3 
 4 driver = webdriver.Chrome()
 5 driver.implicitly_wait(20)
 6 driver.get("http://xxxx/pages/systemManagement/login.html")
 7 driver.find_element_by_xpath("/html/body/div/input").send_keys('xx')
 8 driver.find_element_by_xpath('/html/body/div1/input').send_keys('xxx')
 9 driver.find_element_by_xpath('/html/body/div/div[7]').click()
10 driver.find_element_by_xpath('/html/body/li[1]/a').click()
11 # js = "document.getElementById('c-date1').removeAttribute('readonly')" # 1.原生js，移除属性
12 # js = "$('input[id=c-date1]').removeAttr('readonly')" # 2.jQuery，移除属性
13 # js = "$('input[id=c-date1]').attr('readonly',false)" # 3.jQuery，设置为false
14 js = "$('input[id=c-date1]').attr('readonly','')" # 4.jQuery，设置为空（同3）
15 driver.execute_script(js)
16 
17 driver.find_element_by_id('c-date1').send_keys('10/16/2017')
18 time.sleep(15)
19 driver.quit()