python selenium 處理時間日期控件

測試過程當中常常遇到時間控件,須要咱們來選擇日期,通常處理時間控件經過層級定位來操做或者經過調用js來實現。

1.首先咱們看一下如何經過層級定位來操做時間控件。html

經過示例圖能夠看到,日期控件是沒法輸入日期,點擊後彈出日期列表供咱們選擇日期,本身找了一個日期控制演示一下,經過兩次定位,選擇了日期web

複製代碼

#-*- 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,關鍵點仍是在元素定位。bootstrap

2.下面看下經過js來操做日期控件,首先咱們瞭解下咱們通js實現的原理。app

經過咱們開發者工具觀察,input標籤因爲readonly 屬性,因此日期控件是不容許輸入的,那麼咱們主要經過js來刪除或者readonly製成否,這樣能夠直接容許輸入。工具

1.經過js操做,首先咱們須要定位到input標籤,而後再次刪除readonly屬性測試

1ui

js = "$('input:eq(0)').removeAttr('readonly')"  # jQuery,移除屬性spa

2.經過js操做,首先咱們須要定位到input標籤,而後readonly 是false3d

1code

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

複製代碼

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

本文轉自:http://www.javashuo.com/article/p-khosehcq-ds.html

相關文章
相關標籤/搜索