如何在html的斑马日期选择器中单击日期？

Question

在听取了这里的人的建议后，我想我到达了某个地方。 我又被卡住了。 我必须使用 datepicker 从网站上抓取数据。 html 表示该网站正在使用 Zebra 数据选择器。 我必须点击日期，然后抓取数据。 我正在努力点击日期。 有人能帮我吗？

我必须点击 1/06/19。 我无法想出一种方法来做到这一点。 供参考： http : //apsdps.ap.gov.in/des_rainfall.html这是网站。

link = "http://apsdps.ap.gov.in/des_rainfall.html"
webdriver.Chrome(executable_path=r"chromedriver.exe")
driver = webdriver.Chrome() 
driver.get(link)
#driver.switch_to_frame(driver.find_element_by_xpath("//iframe"))
input_date = driver.find_element_by_name("date1")
input_date.click()

HTML：

<div class="Zebra_DatePicker" style="left: 222.375px; display: none; top: 0px;">
   <table class="dp_header" style="width: 218px;">
      <tbody>
         <tr>
            <td class="dp_previous">«</td>
            <td class="dp_caption">June, 2019</td>
            <td class="dp_next">»</td>
         </tr>
      </tbody>
   </table>
   <table class="dp_daypicker">
      <tbody>
         <tr>
            <th>Mo</th>
            <th>Tu</th>
            <th>We</th>
            <th>Th</th>
            <th>Fr</th>
            <th>Sa</th>
            <th>Su</th>
         </tr>
         <tr>
            <td class="dp_not_in_month">27</td>
            <td class="dp_not_in_month">28</td>
            <td class="dp_not_in_month">29</td>
            <td class="dp_not_in_month">30</td>
            <td class="dp_not_in_month">31</td>
            <td class="dp_weekend dp_selected">1</td>
            <td class="dp_weekend">2</td>
         </tr>
         <tr>
            <td>3</td>
            <td class="">4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td class="dp_weekend">8</td>
            <td class="dp_weekend">9</td>
         </tr>
         <tr>
            <td>10</td>
            <td>11</td>
            <td class="">12</td>
            <td>13</td>
            <td>14</td>
            <td class="dp_weekend">15</td>
            <td class="dp_weekend">16</td>
         </tr>
         <tr>
            <td>17</td>
            <td>18</td>
            <td class="">19</td>
            <td>20</td>
            <td>21</td>
            <td class="dp_weekend">22</td>
            <td class="dp_weekend">23</td>
         </tr>
         <tr>
            <td>24</td>
            <td>25</td>
            <td class="">26</td>
            <td>27</td>
            <td>28</td>
            <td class="dp_weekend">29</td>
            <td class="dp_weekend">30</td>
         </tr>
         <tr>
            <td class="dp_not_in_month">1</td>
            <td class="dp_not_in_month">2</td>
            <td class="dp_not_in_month">3</td>
            <td class="dp_not_in_month">4</td>
            <td class="dp_not_in_month">5</td>
            <td class="dp_not_in_month">6</td>
            <td class="dp_not_in_month">7</td>
         </tr>
      </tbody>
   </table>
   <table class="dp_monthpicker" style="width: 218px; height: 190px; display: none;"></table>
   <table class="dp_yearpicker" style="width: 218px; height: 190px; display: none;"></table>
   <table class="dp_footer" style="width: 218px;">
      <tbody>
         <tr>
            <td class="dp_today" style="width: 50%;">Today</td>
            <td class="dp_clear" style="width: 50%; display: table-cell;">Clear date</td>
         </tr>
      </tbody>
   </table>
</div>

Answer 1

要向datepicker发送日期，您可以使用以下定位器策略 ：

• 代码块：

   from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC chrome_options = webdriver.ChromeOptions() chrome_options.add_argument("start-maximized") driver = webdriver.Chrome(options=chrome_options) driver.get("http://apsdps.ap.gov.in/des_rainfall.html") driver.execute_script("arguments[0].removeAttribute('readonly')", WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "input#datepicker-example6")))) WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input#datepicker-example6"))).send_keys("07/06/2019") 

• 浏览器快照：

Answer 2

以下是单独选择年份月份和日期的定位器。 关键问题是你不应该在执行脚本期间执行任何操作，有属性值作为悬停，它在运行时随着元素焦点的变化而变化

注 - 1.如果您在执行脚本期间执行任何操作，它将更改定位器，它们将无法工作2.请注意日期月份和年份在定位器中的年份 - 2019年，月 - 12月和日期 - 4 3.相同的定位器您可以使用其他日期选择器，您需要相应地更改一些属性值

driver.get(link)

driver.find_element_by_xpath("//input[@name='date1']").click()

## select year
driver.find_element_by_xpath("//div[contains(@style,'display: block')]//table[@class='dp_header']//tr/td[@class='dp_caption']").click()

time.sleep(5)
driver.find_element_by_xpath("//div[contains(@style,'display: block')]//table[@class='dp_header']//tr/td[@class='dp_caption dp_hover']").click()

time.sleep(3)
driver.find_element_by_xpath("//div[contains(@style,'display: block')]//table[@class='dp_yearpicker']//tr//td[not(contains(@class,'dp_disabled'))][text()='2019']").click()
print("year selected  - ")

#select month
time.sleep(2)
driver.find_element_by_xpath("//div[contains(@style,'display: block')]//table[@class='dp_monthpicker']//tr//td[not(contains(@class,'dp_disabled'))][contains(@class,'dp_month') and text()='Dec']").click()
print("month selected  - ")

#select date
date_element = driver.find_element_by_xpath("//div[contains(@style,'display: block')]//table[@class='dp_daypicker']//tr/td[not(contains(@class,'dp_not_in_month'))][text()='4']");
date_element.click()
print("date selected  - ")