如何使用 Selenium 和 Java 从 Bootstrap Glyphicon 日期选择器中选择日期答案

【问题标题】：How to select the date from Bootstrap Glyphicon date picker using Selenium and Java如何使用 Selenium 和 Java 从 Bootstrap Glyphicon 日期选择器中选择日期
【发布时间】：2019-01-25 06:00:00
【问题描述】：

下面是我的日期选择器的 html DOM。在此输入字段中是不可编辑的。DOM 中没有其他用于日期选择器的“tr”“td”标签。

<form>
<div class="input-group date" id="datetimepicker1">
    <input type="text" id="accFromDateId" class="form-control" placeholder="DD/MMM/YYYY" data-i18n="BillsView.CustomerSearch.Placeholder.DateFormat">
    <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div></form>

此输入字段仅从日期选择器中获取日期。我尝试了下面的代码。但它不会工作

硒脚本：

WebElement date=driver.findElement(By.name("accFromDateId"));
date.sendKeys("01232019"); 
date.submit();

【问题讨论】：

可以分享那个禁用字段的屏幕截图
HTML 在哪里？
@akshaypatil 请阅读screenshot of HTML or code or error is a bad idea 的原因。考虑建议 OP 使用基于格式化文本的相关 HTML、代码试验和错误堆栈跟踪来更新问题。

标签： java selenium selenium-webdriver datepicker webdriver

【解决方案1】：

1) 应该使用“ID”而不是“名称”来查找

 var driver = new ChromeDriver();
 driver.Navigate().GoToUrl("demo.html");
 IWebElement date = driver.FindElement(By.Id("accFromDateId"));
 date.SendKeys("01232019");
 date.Submit();

2) 另一种方法是使用日期选择器弹出窗口。在下面找到一个选择 jquery datepicker 的示例代码

var driver = new ChromeDriver();
driver.Navigate().GoToUrl("https://jqueryui.com/datepicker/");
driver.SwitchTo().Frame(driver.FindElement(By.XPath("//iframe[@class='demo-frame']")));
IWebElement date = driver.FindElement(By.Id("datepicker"));
date.Click();
driver.FindElementByLinkText("24").Click();

【讨论】：

【解决方案2】：

从您的问题中不清楚为什么您发现 输入文件也不可编辑。要通过 <input> 标签发送字符序列，即 date 作为 25/JAN/2019，您可以使用以下解决方案：

WebElement myDate = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@class='form-control' and @id='accFromDateId']")));
myDate.clear();
myDate.sendKeys("25/JAN/2019"); 
myDate.submit();

【讨论】：