Many applications are using jQuery Date pickers for selecting date.So selecting date picker using selenium is a not a difficult task.
In this post, I will explain how can we select date from a Date picker using selenium webdriver.
Please find the below sample code for the same.
Sample code:
import java.util.concurrent.TimeUnit;
import org.testng.annotations.*;
import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
public class HandleDatePicker {
private WebDriver driver;
private String baseUrl;
@BeforeClass
public void setUp() throws Exception {
System.setProperty("webdriver.chrome.driver", "D:/Sudharsan/Official/Selenium jars/chromedriver.exe");
driver = new ChromeDriver();
baseUrl = "http://jqueryui.com/datepicker/";
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
driver.manage().window().maximize();
}
@Test
public void testUntitled() throws Exception {
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
driver.get(baseUrl + "/or");
driver.findElement(By.cssSelector("span.form-hint")).click();
driver.findElement(By.id("txtUsername")).clear();
driver.findElement(By.id("txtUsername")).sendKeys("Admin");
driver.findElement(By.id("txtPassword")).clear();
driver.findElement(By.id("txtPassword")).sendKeys("admin");
driver.findElement(By.id("btnLogin")).click();
Thread.sleep(5000);
driver.findElement(By.xpath("//b[contains(.,'Leave')]")).click();
//selecting date with different formats you can give with any one following
selectDate("23 Jun 1991");
//selectDate("23-06-1991");
//selectDate("23/Jun/1991");
//selectDate("23/06/1991");
//selectDate("23 Jun 1991");
}
//Reusable Method for Selecting Date
public void selectDate(String format){
driver.findElement(By.className("ui-datepicker-trigger")).click();
//identifying format
String date[] = null;
if(format.contains("-")){
date =format.split("-");
}
else if(format.contains("/")){
date =format.split("/");
}
else if(format.contains(" ")){
date =format.split(" ");
}
//Splitting data
String day=date[0];
String month=date[1];
String year=date[2];
//Selecting data based on format
if(month.length()==2){
//selecting month if you are giving input format as dd-mm-yyyy
new Select(driver.findElement(By.className("ui-datepicker-month"))).selectByIndex(Integer.parseInt(month)-1);
}
else if(month.length()!=2){
//selecting month if you are giving input format as dd-mmm-yyyy
new Select(driver.findElement(By.className("ui-datepicker-month"))).selectByVisibleText(month);
}
//selecting year
new Select(driver.findElement(By.xpath("//select[@class='ui-datepicker-year']"))).selectByVisibleText(year);
//click on day
driver.findElement(By.linkText(day)).click();
}
}
In this post, I will explain how can we select date from a Date picker using selenium webdriver.
Please find the below sample code for the same.
Sample code:
import java.util.concurrent.TimeUnit;
import org.testng.annotations.*;
import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
public class HandleDatePicker {
private WebDriver driver;
private String baseUrl;
@BeforeClass
public void setUp() throws Exception {
System.setProperty("webdriver.chrome.driver", "D:/Sudharsan/Official/Selenium jars/chromedriver.exe");
driver = new ChromeDriver();
baseUrl = "http://jqueryui.com/datepicker/";
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
driver.manage().window().maximize();
}
@Test
public void testUntitled() throws Exception {
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
driver.get(baseUrl + "/or");
driver.findElement(By.cssSelector("span.form-hint")).click();
driver.findElement(By.id("txtUsername")).clear();
driver.findElement(By.id("txtUsername")).sendKeys("Admin");
driver.findElement(By.id("txtPassword")).clear();
driver.findElement(By.id("txtPassword")).sendKeys("admin");
driver.findElement(By.id("btnLogin")).click();
Thread.sleep(5000);
driver.findElement(By.xpath("//b[contains(.,'Leave')]")).click();
//selecting date with different formats you can give with any one following
selectDate("23 Jun 1991");
//selectDate("23-06-1991");
//selectDate("23/Jun/1991");
//selectDate("23/06/1991");
//selectDate("23 Jun 1991");
}
//Reusable Method for Selecting Date
public void selectDate(String format){
driver.findElement(By.className("ui-datepicker-trigger")).click();
//identifying format
String date[] = null;
if(format.contains("-")){
date =format.split("-");
}
else if(format.contains("/")){
date =format.split("/");
}
else if(format.contains(" ")){
date =format.split(" ");
}
//Splitting data
String day=date[0];
String month=date[1];
String year=date[2];
//Selecting data based on format
if(month.length()==2){
//selecting month if you are giving input format as dd-mm-yyyy
new Select(driver.findElement(By.className("ui-datepicker-month"))).selectByIndex(Integer.parseInt(month)-1);
}
else if(month.length()!=2){
//selecting month if you are giving input format as dd-mmm-yyyy
new Select(driver.findElement(By.className("ui-datepicker-month"))).selectByVisibleText(month);
}
//selecting year
new Select(driver.findElement(By.xpath("//select[@class='ui-datepicker-year']"))).selectByVisibleText(year);
//click on day
driver.findElement(By.linkText(day)).click();
}
}