如何用Python+Selenium覆盖查询加载的指定日期字段

我明白你现在的困扰——用send_keys往createdTo日期输入框里填入当前日期时，原有加载的日期没被覆盖，新日期要么追加在后面，要么根本不生效。这种情况在操作带日历组件的表单元素时很常见，下面给你几个靠谱的解决方案：

方法1：先清空原有内容再输入 #

send_keys默认是在原有内容后追加，所以第一步要把输入框里的旧内容清空。你可以用两种方式实现：

方式A：使用clear()方法 #

这是最直接的方式，但有些自定义的输入框可能对clear()支持不好：

element = WebDriverWait(browser, 20).until(
    EC.element_to_be_clickable((By.XPATH,"//input[@id='createdTo']")))
# 清空原有内容
element.clear()
# 输入当前日期
element.send_keys(date)

方式B：用键盘快捷键全选删除 #

如果clear()不生效，试试模拟全选+删除的操作（Windows/Linux用CONTROL+A，Mac用COMMAND+A）：

from selenium.webdriver.common.keys import Keys

element = WebDriverWait(browser, 20).until(
    EC.element_to_be_clickable((By.XPATH,"//input[@id='createdTo']")))
# 全选原有内容
element.send_keys(Keys.CONTROL, 'a')  # Mac替换成Keys.COMMAND
# 删除选中内容
element.send_keys(Keys.DELETE)
# 输入当前日期
element.send_keys(date)

方法2：移除输入框的只读/禁用属性 #

有些日期输入框会被设置成readonly或disabled状态，导致无法直接修改内容。这时候可以用JavaScript先移除这些属性：

# 先移除只读属性（如果存在）
browser.execute_script("document.getElementById('createdTo').removeAttribute('readonly');")
# 若有禁用属性也一起移除
browser.execute_script("document.getElementById('createdTo').removeAttribute('disabled');")

# 之后再执行清空和输入操作
element = WebDriverWait(browser, 20).until(
    EC.element_to_be_clickable((By.XPATH,"//input[@id='createdTo']")))
element.clear()
element.send_keys(date)

方法3：直接用JavaScript设置输入框值 #

如果前面的方法都不行，直接通过JavaScript修改输入框的value属性是最稳妥的，还能顺便触发页面的变化事件：

# 确保date是MM/DD/YYYY格式，和输入框要求一致
browser.execute_script(f"document.getElementById('createdTo').value = '{date}';")
# 触发change事件，让页面识别到值已修改（有些页面需要这一步）
browser.execute_script("document.getElementById('createdTo').dispatchEvent(new Event('change'));")

额外注意事项 #

• 确认date变量的格式完全符合输入框要求（必须是MM/DD/YYYY），格式不对也可能导致设置失败；
• 如果输入框点击后会弹出日历组件，建议先点击输入框关闭日历（或者直接用JS方法绕过日历组件）；
• Mac系统下全选快捷键要换成Keys.COMMAND，而不是Keys.CONTROL。

内容的提问来源于stack exchange，提问作者R. Barrett