如何通过 Python 使用 Selenium 将日期作为文本直接发送到具有只读属性的日历控件？

Question

我正在尝试使用 python 和 selenium 从日历中选择一个日期，但我需要一些帮助，我在 VBA 中完成了此操作，但我想在 python 中执行此操作。提前致谢。

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

driver=webdriver.Firefox(executable_path=r'..\geckodriver.exe')
driver.get('https://burghquayregistrationoffice.inis.gov.ie/Website/AMSREG/AMSRegWeb.nsf/AppSelect?OpenForm')    

# this is the problem
driver.find_element_by_id('GNIBExDT').send_keys(10/08/2019)

Answer 1

它是一个只读输入——如果你查看 HTML src，它有这个readonly属性。这意味着send_keys，它通过模拟按键操作来工作，就好像它是一个真实的用户一样（同时触发任何监听输入变化的事件监听器），它试图输入您的值，但不能，因为它是只读的。但是，您仍然可以手动设置它 - 尝试：

driver.execute_script("document.getElementById('GNIBExDT').value = '10/08/2019'")

这将执行以下 JS 代码：

document.getElementById('GNIBExDT') // Equivalent of driver.find_element_by_id('GNIBExDT') in pure JS
    .value = // Used to set the 'value' of the input, which is what will be read on the backend when the form is submitted. This just sets the value directly, so it doesn't matter if it's read-only.
    '10/08/2019' // The date, in string form.

似乎他们只是在示例网站上使用基本字符串来表示日期，因为它是一个自定义日期选择器。所以，他们没有做任何特别的事情，比如使用实际的日期格式或 Date 对象。但是，由于根据标题这就是您想要的，我将举一个例子来为其他任何在谷歌上搜索过这个问题的人做这样的事情：

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

driver=webdriver.Firefox(executable_path=r'..\geckodriver.exe')
driver.get('https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_date')

driver.execute_script("document.getElementsByTagName('input')[0]"  # Get the date picker from the DOM
                     +".valueAsDate"  # Set the value *as a date object* - this is only available in real date pickers (`<input type='date'>`)
                     +" = new Date('2020-03-11')"  # We therefore need to define it as a date object, which we do in 'yyyy-mm-dd hh:mm:ss GMT+hhmm' format
)

Answer 2

<input>与<label> 出生日期关联的字段具有属性readonly。所以要调用send_keys()你必须：

• 滚动以将元素置于视口内。
• 使用execute_script()删除readonly属性。
• 调用send_keys()以发送日期。

• 您可以使用以下解决方案：

  • 代码块：

    from selenium import webdriver
    from selenium.webdriver.support.ui import WebDriverWait
    from selenium.webdriver.common.by import By
    from selenium.webdriver.support import expected_conditions as EC
    
    driver.get("https://burghquayregistrationoffice.inis.gov.ie/Website/AMSREG/AMSRegWeb.nsf/AppSelect?OpenForm")
    dob = driver.find_element_by_css_selector("input#DOB")
    driver.execute_script("window.scrollBy(0, 400)")
    driver.execute_script("arguments[0].removeAttribute('readonly')", dob);
    driver.find_element_by_css_selector("input#DOB").send_keys("10/08/2019")
    

• 浏览器快照：