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()

下面看下效果，這樣咱們很輕易的就輸入了日期。