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");

    }

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