Selenium+java - 日期控件的处理

前言

一般的日期控件都是input标签下弹出来的,设置日期使用selenium中的sendKeys 方法就可以解决。

但是我们也会碰到下面的时间日期控件(这个时候这个文本框是不允许我们输入时间的)如图:

这个时候,没法调用WebElement的sendKeys(),像这种选择时间的input标签都会有一个readonly属性,这个时候我们就只能选择时间,不能手动输入,那么这种情况,我们该怎么处理呢?

通过JS选择日期

具体代码示例如下:

复制代码
  /**
     * 通过JS选择日期
     */
    @Test
    public void testByJs() {
        driver.get("https://huoche.cncn.com/train-%B4%F3%C1%AC-%C9%F2%D1%F4");
        driver.manage().window().maximize();
        JavascriptExecutor removeAttribute = (JavascriptExecutor) driver;
        //remove readonly attribute
        removeAttribute.executeScript("var setDate=document.getElementById(\"date\").removeAttribute('readonly');");
        //输入要输入日期
        driver.findElement(By.id("date")).clear();
        driver.findElement(By.id("date")).sendKeys("2019-08-31");
        //点击查询
        driver.findElement(By.id("searchBtn")).click();
        //获取输入后日期显示
        String value = driver.findElement(By.id("date")).getAttribute("value");
        //验证日期是否为选中的8月31日
        Assert.assertEquals(value,"2019-08-31");
    }
复制代码

 

通过Iframe选择日期

具体代码示例如下:

复制代码
  /**
     * 通过Iframe选择日期
     */
    @Test
    public void testByIframe() {
        driver.get("https://huoche.cncn.com/train-%B4%F3%C1%AC-%C9%F2%D1%F4");
        driver.manage().window().maximize();
        //点击日历控件
        driver.findElement(By.id("date")).click();
        //iframe框
        WebElement iframe = driver.findElement(By.cssSelector("[src='about\\:blank']"));
        //进入日历控件中操作
        driver.switchTo().frame(iframe);
        //选择31号即月末
        driver.findElement(By.xpath("//tr/td[@onclick='day_Click(2019,8,31);']")).click();
        //跳出日历控件操作
        driver.switchTo().defaultContent();
        //点击查询
        driver.findElement(By.id("searchBtn")).click();
        //获取输入后日期显示
        String value = driver.findElement(By.id("date")).getAttribute("value");
        //验证日期是否为选中的8月31日
        Assert.assertEquals(value,"2019-08-31");

    }
复制代码

以上两种方法,都可实现选择日期操作,仅供参考,如果觉得好,可以关注我哦

posted @   久曲健  阅读(1559)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示