Python Selenium 修改Timepicki时间选择器输入框值失败如何解决

• 代码存在变量名错配：定位小时输入框的返回值赋值给了end_time_input，但后续触发写入操作时引用了未定义的time_input变量，代码运行首先就会触发名称错误，根本不会执行后续输入逻辑
• 直接操作隐藏元素无效：时间选择器的下拉选择面板默认是display: none的隐藏状态，没有点击主输入框唤起面板的前提下，直接定位面板内部的时、分、秒输入框执行send_keys，会因元素不满足可交互条件导致操作静默失败
• 只读属性拦截输入：AM/PM对应的输入框自带readonly属性，组件本身就不允许直接输入文本，常规send_keys操作无法写入内容
• 未触发插件状态同步逻辑：该时间选择器基于Timepicki插件开发，组件的内部状态依赖主输入框上的data-timepicki-tim、data-timepicki-mini、data-timepicki-sec、data-timepicki-meri四个自定义属性维护，单纯给输入框发按键不会触发插件的状态更新逻辑，写入的临时值会被插件的默认校验逻辑直接重置。

方案1：模拟用户正常交互流程操作 #

• 先定位主输入框（id为ldb:filter:list:1:timeInput），执行点击操作唤起时间选择下拉面板，等待面板的显示状态从display: none变为可见
• 等面板可见后，再分别定位时、分、秒的输入框，执行操作前先用Keys.CONTROL + "a"全选输入框内的原有占位内容，再输入目标数字，避免原有内容和新输入拼接错乱
• AM/PM输入框因带只读属性，跳过直接输入步骤，点击该列上下的切换箭头，直到文本变为目标值（AM/PM）
• 输入完成后点击页面空白区域，触发组件的失焦校验逻辑，让面板自动收起并保存值

方案2：绕过面板交互直接同步插件状态（稳定性更高） #

该方法完全避开隐藏面板操作、只读属性的限制，直接修改插件维护的核心状态值，再触发事件让组件识别到变更，示例代码如下：

from selenium.webdriver.common.by import By

# 定义目标时间值
target_hour = "10"
target_minute = "30"
target_second = "30"
target_meridian = "AM"

# 定位主输入框
main_time_input = driver.find_element(
    By.CSS_SELECTOR, 
    "#ldb\\:filter\\:list\\:1\\:timeInput"
)

# 通过JS同步插件状态
driver.execute_script("""
    const inputEl = arguments[0];
    const hour = arguments[1];
    const minute = arguments[2];
    const second = arguments[3];
    const meridian = arguments[4];
    // 同步插件内部存储的时间分段数据
    inputEl.dataset.timepickiTim = hour;
    inputEl.dataset.timepickiMini = minute;
    inputEl.dataset.timepickiSec = second;
    inputEl.dataset.timepickiMeri = meridian;
    // 同步主输入框展示的文本值
    inputEl.value = `${hour}:${minute}:${second} ${meridian}`;
    // 触发事件通知组件状态变更
    inputEl.dispatchEvent(new Event('input', {bubbles: true}));
    inputEl.dispatchEvent(new Event('change', {bubbles: true}));
""", main_time_input, target_hour, target_minute, target_second, target_meridian)

• CSS选择器中元素id包含的冒号是特殊语法字符，必须做双重转义才能正常定位，否则会出现元素找不到的报错
• 不要直接使用从页面复制的绝对XPath路径，这类路径对页面结构变动的容错率极低，优先用稳定的id、class属性做定位规则

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