如何在硒Web驱动程序中选择日期选取器

jquery selenium selenium-webdriver java

2022-09-03 09:43:41

目前正在开发Selenium WebDriver并使用Java。我想从下拉列表中选择值。我想知道如何选择日期选取器下拉列表中的值。date rangeDate, Month and year

下面是 HTML 标记：

<dd id="date-element">
<input id="fromDate" class="hasDatepicker" type="text" style="width:57px; padding:3px 1px; font-size:11px;" readonly="readonly" name="fromDate" value="01 Jan 2013">

<input id="toDate" class="hasDatepicker" type="text" style="width:57px; padding:3px 1px; font-size:11px;" readonly="readonly" name="toDate" value="31 Dec 2013">

enter image description here

我尝试了以下示例代码：

Log.info("Clicking on From daterange dropdown");
JavascriptExecutor executor8 = (JavascriptExecutor)driver;
executor8.executeScript("document.getElementById('fromDate').style.display='block';");
Select select8 = new Select(driver.findElement(By.id("fromDate")));
select8.selectByVisibleText("10 Jan 2013");
Thread.sleep(3000);

Log.info("Clicking on To daterange dropdown");
JavascriptExecutor executor10 = (JavascriptExecutor)driver;
executor10.executeScript("document.getElementById('toDate').style.display='block';");
Select select10 = new Select(driver.findElement(By.id("toDate")));
select10.selectByVisibleText("31 Dec 2013");
Thread.sleep(3000);

答案 1

DatePicker 不是元素。你在代码中所做的是错误的。Select

日期拾取器实际上是包含一组行和列的表。要选择日期，您只需导航到存在所需日期的单元格即可。

所以你的代码应该是这样的：

WebElement dateWidget = driver.findElement(your locator);
List<WebElement> columns=dateWidget.findElements(By.tagName("td"));

for (WebElement cell: columns){
   //Select 13th Date 
   if (cell.getText().equals("13")){
      cell.findElement(By.linkText("13")).click();
      break;
 }

答案 2

你可以试试这个，看看它是否适合你。

而不是从日期选择器中选择日期，你可以使用javascript启用日期框并输入所需的日期，这将避免遍历所有日期元素所需的过多时间，直到你到达你需要选择的一个。

自日期的代码

((JavascriptExecutor)driver).executeScript ("document.getElementById('fromDate').removeAttribute('readonly',0);"); // Enables the from date box

WebElement fromDateBox= driver.findElement(By.id("fromDate"));
fromDateBox.clear();
fromDateBox.sendKeys("8-Dec-2014"); //Enter date in required format

到目前为止的代码

((JavascriptExecutor)driver).executeScript ("document.getElementById('toDate').removeAttribute('readonly',0);"); // Enables the from date box

WebElement toDateBox= driver.findElement(By.id("toDate"));
toDateBox.clear();
toDateBox.sendKeys("15-Dec-2014"); //Enter date in required format