Web自动化中无唯一定位器的日历日期选择框操作方案咨询

针对你遇到的原生HTML5日期控件无法触发日历选择框的问题，以下是几种可行的解决方法：

一、触发日历选择框展开 #

原生type="date"的输入框，其日历图标是浏览器原生渲染的，没有独立DOM元素，因此无法直接定位图标。可以通过以下两种稳定方式触发展开：

• 键盘事件触发：定位到#FromDate输入框后，先点击激活，再发送Space或Enter按键（不同浏览器适配性略有差异，Chrome推荐用Space）。
• JavaScript触发：直接执行JS代码调用输入框的click()方法，强制弹出日历选择框，这种方式兼容性最好。

二、年月切换与日期选择 #

原生日历控件在不同浏览器中的DOM结构有差异，以下是通用操作思路：

Chrome浏览器 #

展开日历后，顶部有年份下拉框、月份下拉框，可直接定位选择目标年月；日期单元格带有picker__day类，可通过data-pick属性（格式YYYY-MM-DD）定位目标日期点击。

Firefox浏览器 #

通过日历顶部的左右箭头按钮切换月份，年份选择需点击年份标题展开列表后选择；日期单元格可通过文本内容定位。

三、绕过日历直接输入（优先推荐，若场景允许） #

如果测试场景不需要验证日历选择流程，直接向输入框发送符合格式的日期字符串（YYYY-MM-DD）是最稳定的方案，无需处理不同浏览器的控件差异。

示例代码（Python + Selenium） #

触发日历展开

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()
driver.get("目标页面URL")

# 方法1：键盘触发
date_input = driver.find_element(By.ID, "FromDate")
date_input.click()
date_input.send_keys(Keys.SPACE)

# 方法2：JS触发（兼容性更好）
# driver.execute_script("document.getElementById('FromDate').click();")

切换年月并选择日期（Chrome）

# 选择目标年份
year_select = driver.find_element(By.CSS_SELECTOR, "select.picker__select--year")
year_select.send_keys("2022")

# 选择目标月份
month_select = driver.find_element(By.CSS_SELECTOR, "select.picker__select--month")
month_select.send_keys("October")

# 选择15号
target_date = driver.find_element(By.CSS_SELECTOR, "td.picker__day--infocus[data-pick='2022-10-15']")
target_date.click()

内容的提问来源于stack exchange，提问作者hungryhippos