How To Select Date In Selenium WebDriver From Calendar - JQuery Date Picker

You will find JQuery date picker In many software web applications. Selecting date from JQuery date picker Is not hard task but yes you need to use some logical steps to select expected date from date picker In selenium WebDriver software testing tool. You can not do It only using single statement. Earlier we have learnt how to work with different elements of JQuery and you can find all those tutorials links on THIS PAGE.

In bellow given webdriver software testing tool's example, Expected date, month and year are set Initially Inside @Test method. while loop Is used to navigate till expected month and year. When expected month and year set In date picker, selectDate function will be called to select date from date picker. More details description Is given In bellow example.

package Testing_Pack;

import java.util.Arrays;
import java.util.List;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.BeforeTest;
import org.testng.annotations.Test;

public class PickDate {
 WebDriver driver;
 WebElement datePicker;
 List<WebElement> noOfColumns;
 List<String> monthList = Arrays.asList("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
 // Expected Date, Month and Year
 int expMonth;
 int expYear;
 String expDate = null;
 // Calendar Month and Year
 String calMonth = null;
 String calYear = null;
 boolean dateNotFound;

 @BeforeTest
 public void start(){
     driver = new FirefoxDriver();
     driver.manage().window().maximize();
     driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);
 }

 @Test
 public void pickExpDate() throws InterruptedException{

  driver.get("http://only-testing-blog.blogspot.com/2014/09/selectable.html");
  //Click on date text box to open date picker popup.
  driver.findElement(By.xpath("//input[@id='datepicker']")).click();
  dateNotFound = true;
  
  //Set your expected date, month and year.  
  expDate = "18";
  expMonth= 8;
  expYear = 2013;
  
  //This loop will be executed continuously till dateNotFound Is true.
  while(dateNotFound)
  { 
   //Retrieve current selected month name from date picker popup.
   calMonth = driver.findElement(By.className("ui-datepicker-month")).getText();
   //Retrieve current selected year name from date picker popup.
   calYear = driver.findElement(By.className("ui-datepicker-year")).getText();
   
   //If current selected month and year are same as expected month and year then go Inside this condition.
   if(monthList.indexOf(calMonth)+1 == expMonth && (expYear == Integer.parseInt(calYear)))
   {
    //Call selectDate function with date to select and set dateNotFound flag to false.
    selectDate(expDate);
    dateNotFound = false;
   }
   //If current selected month and year are less than expected month and year then go Inside this condition.
   else if(monthList.indexOf(calMonth)+1 < expMonth && (expYear == Integer.parseInt(calYear)) || expYear > Integer.parseInt(calYear))
   {
    //Click on next button of date picker.
    driver.findElement(By.xpath(".//*[@id='ui-datepicker-div']/div/a[2]/span")).click();
   }
   //If current selected month and year are greater than expected month and year then go Inside this condition.
   else if(monthList.indexOf(calMonth)+1 > expMonth && (expYear == Integer.parseInt(calYear)) || expYear < Integer.parseInt(calYear))
   {
    //Click on previous button of date picker.
    driver.findElement(By.xpath(".//*[@id='ui-datepicker-div']/div/a[1]/span")).click();
   }
  }
  Thread.sleep(3000);
 } 
 
 public void selectDate(String date)
 {
  datePicker = driver.findElement(By.id("ui-datepicker-div")); 
  noOfColumns=datePicker.findElements(By.tagName("td"));

  //Loop will rotate till expected date not found.
  for (WebElement cell: noOfColumns){
   //Select the date from date picker when condition match.
   if (cell.getText().equals(date)){
    cell.findElement(By.linkText(date)).click();
    break;
   }
  }
 } 
}

In above example, You can change values of expDate, expMonth and expYear variables to select any other date from date picker of software web application.

<< PREVIOUS || NEXT >>