如何在Selenium WebDriver中选择日期选择器

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

这是HTML标记：

我试过以下示例代码：

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

Answer 1

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

Datepicker实际上是一组包含行和列的表。要选择一个日期，您只需导航到我们所需日期所在的单元格。

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

 WebElement dateWidget = driver.findElement(your locator); List 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; } 

Answer 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 

Answer 3

我认为这可以用更简单的方式完成：

1. 找到本月的定位器（使用Firebug / Firepath）
2. 这可能是一个Select元素，使用Selenium选择Month
3. 为年份做同样的事情
4. 单击linkText“31”或您要单击的任何日期

所以代码看起来像这样：

 WebElement month = driver.findElement(month combo locator); Select monthCombo = new Select(month); monthCombo.selectByVisibleText("March"); WebElement year = driver.findElement(year combo locator); Select yearCombo = new Select(year); yearCombo.selectByVisibleText("2015"); driver.click(By.linkText("31")); 

如果日期选择器下拉列表不是选择，这将无效，但我见过的大多数是单个元素（选择，链接等）

Answer 4

尝试SendKeys而不是选择日期

 driver.FindElement(yourBy).SendKeys(yourDateTime.ToString("ddd, dd.MM.yyyy",CultureInfo.CreateSpecificCulture("en-US"))); 

如果它不起作用，请尝试发送原生“标签”

 element.SendKeys(OpenQA.Selenium.Keys.Tab); 

Answer 5

您可以直接使用以下javascript

 ((JavascriptExecutor)driver).executeScript("document.getElementById('fromDate').setAttribute('value','10 Jan 2013')") 

Answer 6

 public String datePicker(String object,String data){ APP_LOGS.debug("selecting date"); try{ WebElement dateWidget = driver.findElement(By.xpath(OR.getProperty(object))); List rows = dateWidget.findElements(By.tagName("tr")); List columns = dateWidget.findElements(By.tagName("td")); for (WebElement cell: columns){ if (cell.getText().equals(data)){ cell.findElement(By.linkText(data)).click(); break; } } }catch(Exception e){ return Constants.KEYWORD_FAIL+" -- Not able to select the date"+e.getMessage(); } return Constants.KEYWORD_PASS; } 

Answer 7

不要注入javascript。 这是一种不好的做法。

我会将DatePicker建模为像textbox / select这样的元素，如下所示。

详细解答 – 请点击此处 – http://www.testautomationguru.com/selenium-webdriver-automating-custom-controls-datepicker/

 public class DatePicker { private static final String dateFormat = "dd MMM yyyy"; @FindBy(css = "a.ui-datepicker-prev") private WebElement prev; @FindBy(css = "a.ui-datepicker-next") private WebElement next; @FindBy(css = "div.ui-datepicker-title") private WebElement curDate; @FindBy(css = "a.ui-state-default") private List < WebElement > dates; public void setDate(String date) { long diff = this.getDateDifferenceInMonths(date); int day = this.getDay(date); WebElement arrow = diff >= 0 ? next : prev; diff = Math.abs(diff); //click the arrows for (int i = 0; i < diff; i++) arrow.click(); //select the date dates.stream() .filter(ele - > Integer.parseInt(ele.getText()) == day) .findFirst() .ifPresent(ele - > ele.click()); } private int getDay(String date) { DateTimeFormatter dtf = DateTimeFormatter.ofPattern(dateFormat); LocalDate dpToDate = LocalDate.parse(date, dtf); return dpToDate.getDayOfMonth(); } private long getDateDifferenceInMonths(String date) { DateTimeFormatter dtf = DateTimeFormatter.ofPattern(dateFormat); LocalDate dpCurDate = LocalDate.parse("01 " + this.getCurrentMonthFromDatePicker(), dtf); LocalDate dpToDate = LocalDate.parse(date, dtf); return YearMonth.from(dpCurDate).until(dpToDate, ChronoUnit.MONTHS); } private String getCurrentMonthFromDatePicker() { return this.curDate.getText(); } }