如何使用Selenium-Python从日历中选择第二天

时间:2019-05-17 19:01:18

标签: selenium datepicker calendar

无法使用硒在日历中选择明天的日期

我尝试使用find_element_by_css_selector和find_element_by_xpath,但似乎没有任何作用。

import time
import datetime
from time import strftime
from selenium import webdriver
browser = webdriver.Chrome("C:\Program Files (x86)\Google\Chrome\Application\chromedriver_win32\chromedriver.exe")
browser.get('https://www.****.com')

browser.find_element_by_id("UserName").send_keys("***")
browser.find_element_by_id("password").send_keys("***")
browser.find_element_by_id("submit-sign-in").click()


browser.find_element_by_id("Information").click()
browser.find_element_by_id("Amenities").click()

browser.find_element_by_id("reserve").click()
browser.find_element_by_id("resv-date").click()

******#The code works fine until here**********

#Trying to pick tomorrows date from the calendar.
browser.find_element_by_css_selector("a.ui-state-default.ui-state-active").click()

Not getting an error message but it doesn't select the required date

我已附上以下图片:

<td class="  ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="4" data-year="2019"><a class="ui-state-default ui-state-highlight" href="#">17</a></td>
<a class="ui-state-default ui-state-highlight" href="#">17</a></td>
<td class=" ui-datepicker-week-end  ui-datepicker-current-day" data-handler="selectDay" data-event="click" data-month="4" data-year="2019"><a class="ui-state-default ui-state-active" href="#">18</a></td>
<a class="ui-state-default ui-state-active" href="#">18</a>

摘要 Calendar Date picker

1 个答案:

答案 0 :(得分:1)

您必须使用以下CSS选择第二天。

td.ui-datepicker-current-day + td

代码:

browser.find_element_by_css_selector("td.ui-datepicker-current-day+td").click()

+是相邻的同级组合器。如果在当前示例中考虑,td.ui-datepicker-current-day选择当前日期,即17,但我们要选择以下同级,那么使用+将选择同级,并且我们指定过滤相邻的同级成为td

如果要在相同情况下使用xpath,则可以使用following-sibling并按标记名td进行过滤,如下所示。

//td[contains(@class, 'ui-datepicker-current-day')]/following-sibling::td

简而言之,css中的+几乎等同于xpath中的following-sibling,这将有助于选择同级项。

有关上述方法,请参阅CSS和Xpath上的以下链接。

CSS