How can I select date from a datepicker div using Selenium Webdriver?

We can select data from a datepicker using Selenium webdriver. A datepicker in a calendar can be designed in numerous ways on the web UI. Based on the UI, we have to design our test.

A calendar may have a dropdown for selection of day, month or year. It may also contain forward and backward navigation to move up and down in the dates or any other design. The below example shows a calendar having a datepicker. Let us make an attempt to select the date 03/02/2021(2nd March, 2021) date from the below calendar −

In the above html code, we can see the calendar within a table tag identified by the <table> and its dates are represented by the rows and columns having the <tr> and the <td> tags respectively(tr being the parent of td). To select a date, we need to identify all the elements having <td> tag using the findElements method.

This method returns a list of matching elements. We have to traverse through this list and check a specific date with the help of the getText method. Once we encounter the required date, we shall select it and break out from the loop.

Example

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import java.util.List;
public class DtPicker{
   public static void main(String[] args) {
      System.setProperty("webdriver.gecko.driver", "C:\\Users\\ghs6kor\\Desktop\\Java\\geckodriver.exe");
      WebDriver driver = new FirefoxDriver();
      //implicit wait
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      //URL launch
      driver.get("https://jqueryui.com/datepicker");
      //switch to frame
      WebElement f = driver .findElement(By.xpath("//iframe[@class='demo-frame']"));
      driver.switchTo().frame(f);
      //identify element within frame
      WebElement l = driver.findElement(By.id("datepicker"));
      l.click();
      //identify all td elements in list
      List<WebElement> t =driver.findElements(By.xpath("//table/tbody/tr/td"));
      //list traversal
      for (int k = 0; k<t.size(); k++) {
         //check date
         String dt = t.get(k).getText();
         if (dt.equals("2")) {
            t.get(k).click();
            break;
         }
      }
      //obtain selected date
      String v = l.getAttribute("value");
      System.out.print("Date selected by date picker: "+ v);
      //close browser
      driver.close();
   }
}

Output

Debomita Bhattacharjee

Published on 03-Apr-2021 10:13:20

• Related Questions & Answers
• How to Select date from a datepicker with Selenium Webdriver using Python?
• How to Select Value from DropDown using Selenium Webdriver?
• How to select the Date Picker In Selenium WebDriver?
• How to scroll a specific DIV using Selenium WebDriver with Java?
• How can I handle multiple keyboard keys using Selenium Webdriver?
• How can I scroll a web page using selenium webdriver in python?
• How can I close a specific window using Selenium WebDriver with Java?
• How can I clear text of a textbox using Python Selenium WebDriver?
• How can I verify Error Message on a webpage using Selenium Webdriver?
• How to select checkboxes using selenium java webdriver?
• How to select an item from a dropdown list using Selenium WebDriver with java?
• How can I get Webdriver Session ID in Selenium?
• How can Selenium select each div separately that have the same class?
• Handling DropDown And Multiple Select in Webdriver using Selenium
• How can I show a hidden div when a select option is selected in JavaScript?