python selenium 处理时间日期控件（十六）

测试过程当中常常遇到时间控件，须要咱们来选择日期，通常处理时间控件经过层级定位来操做或者经过调用js来实现。

1.首先咱们看一下如何经过层级定位来操做时间控件。

经过示例图能够看到，日期控件是没法输入日期，点击后弹出日期列表供咱们选择日期，本身找了一个日期控制演示一下，经过两次定位，选择了日期

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("file:///C:/Users/hunk/Desktop/bootstrap-datetimepicker/bootstrap-datetimepicker/demo/index.html")
driver.find_element_by_xpath('/html/body/div[1]/form/fieldset/div/div[1]/input[1]').click()  #首先须要点击日期输入框
driver.find_element_by_xpath('/html/body/div[2]/div[3]/table/tbody/tr[3]/td[7]').click()  #选择具体的日期
time.sleep(5)
driver.quit()

经过层级定位很简单，可是有时候会涉及到frame时候此时须要切换frame，关键点仍是在元素定位。

2.下面看下经过js来操做日期控件，首先咱们了解下咱们通js实现的原理。

经过咱们开发者工具观察，input标签因为readonly 属性，因此日期控件是不容许输入的，那么咱们主要经过js来删除或者readonly制成否，这样能够直接容许输入。

1.经过js操做，首先咱们须要定位到input标签，而后再次删除readonly属性

js = "$('input:eq(0)').removeAttr('readonly')"  # jQuery，移除属性

2.经过js操做，首先咱们须要定位到input标签，而后readonly 是false

js = "$('input:eq(0)').attr('readonly',false)"

调用execute_script方法来执行js，来处理时间控件，而后咱们能够直接输入日期。

#-*- coding:utf-8 -*-
import time
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("file:///C:/Users/hunk/Desktop/bootstrap-datetimepicker/bootstrap-datetimepicker/demo/index.html")
js = "$('input:eq(0)').removeAttr('readonly')"  # jQuery，移除属性
# js = "$('input:eq(0)').attr('readonly',false)"  # jQuery，设置为false
driver.execute_script(js)
input_datetime = driver.find_element_by_xpath('/html/body/div[1]/form/fieldset/div/div[1]/input[1]')
input_datetime.send_keys("2017-09-21")
input_datetime.click()
time.sleep(5)
driver.quit()

下面看下效果，这样咱们很轻易的就输入了日期。