Selenium Datepicker using JavascriptExecutor

Bimlesh :

Please advise if this approach is accepted to pick-up date using Selenium

WebDriver driver = new ChromeDriver();

driver.manage().window().maximize();

driver.get("https://www.spicejet.com/");

Thread.sleep(3000);

JavascriptExecutor js = ((JavascriptExecutor)driver);

js.executeScript ("document.getElementById('ctl00_mainContent_view_date1').removeAttribute('readonly',0);"); 

WebElement onwards_date = driver.findElement(By.id("ctl00_mainContent_view_date1"));
        onwards_date.clear();
        onwards_date.sendKeys("28/02"); 

js.executeScript ("document.getElementById('ctl00_mainContent_view_date2').removeAttribute('readonly',0);"); 

WebElement return_Date = driver.findElement(By.id("ctl00_mainContent_view_date2"));
        return_Date.clear();
        return_Date.sendKeys("27/03"); 

DebanjanB :

To pick-up a date within the DEPART DATE field in the website https://www.spicejet.com/ using Selenium's executeScript() method from JavascriptExecutor you can use the following Locator Strategies:

• Code Block:

  System.setProperty("webdriver.chrome.driver", "C:\\Utility\\BrowserDrivers\\chromedriver.exe");
  ChromeOptions options = new ChromeOptions();
  options.addArguments("start-maximized");
  options.setExperimentalOption("excludeSwitches", Collections.singletonList("enable-automation"));
  options.setExperimentalOption("useAutomationExtension", false);
  WebDriver driver =  new ChromeDriver(options);
  driver.get("https://www.spicejet.com/");
  WebElement element = driver.findElement(By.cssSelector("input[name$= 'txt_Fromdate']"));
  ((JavascriptExecutor)driver).executeScript("arguments[0].removeAttribute('readonly')", element);
  WebElement newElement = driver.findElement(By.cssSelector("input[name$= 'txt_Fromdate']"));
  ((JavascriptExecutor) driver).executeScript("arguments[0].setAttribute('value','28/02')", newElement);
  

• Browser Snapshot: