How to send a date directly as text to a calendar control with readonly attribute using Selenium through Python?

by

It’s a read-only input – if you look in the HTML src, it’s got the readonly attribute. This means that send_keys, which works by emulating key presses as if it were a real user (to also trigger any eventlisteners listening for change in the input), is trying to type your value, but can’t, since it’s read-only. However, you can still set it manually – try:

driver.execute_script("document.getElementById('GNIBExDT').value="10/08/2019"")

This executes the following JS code:

document.getElementById('GNIBExDT') // Equivalent of driver.find_element_by_id('GNIBExDT') in pure JS
    .value = // Used to set the 'value' of the input, which is what will be read on the backend when the form is submitted. This just sets the value directly, so it doesn't matter if it's read-only.
    '10/08/2019' // The date, in string form.

It seems like they’re just using basic strings on the example website to represent dates, since it’s a custom datepicker. So, they’re not doing anything special, such as using actual date formats or Date objects. However, since based on the title this is what you’d like, I’ll give an example to do such for anyone else who’s Googled this problem:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver=webdriver.Firefox(executable_path=r'..\geckodriver.exe')
driver.get('https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_date')

driver.execute_script("document.getElementsByTagName('input')[0]"  # Get the date picker from the DOM
                     +".valueAsDate"  # Set the value *as a date object* - this is only available in real date pickers (`<input type="date">`)
                     +" = new Date('2020-03-11')"  # We therefore need to define it as a date object, which we do in 'yyyy-mm-dd hh:mm:ss GMT+hhmm' format
)

More Related Contents:

  1. Can a website detect when you are using Selenium with chromedriver?
  2. WebDriver click() vs JavaScript click()
  3. Running javascript in Selenium using Python
  4. Getting the return value of Javascript code in Selenium
  5. ElementClickInterceptedException: Message: element click intercepted Element is not clickable error clicking a radio button using Selenium and Python
  6. Scrolling to top of the page in Python using Selenium
  7. Python: Unable to download with selenium in webpage
  8. Understanding execute async script in Selenium
  9. Accessing Shadow DOM tree with Selenium
  10. How do I wait for a JavaScript __doPostBack call through Selenium and WebDriver
  11. Accessing elements in the shadow DOM
  12. How to disable a “Reload site? Changes you made may not be saved” popup for (python) selenium tests in chrome?
  13. An error has occured in ‘site url’: Uncaught TypeError: Cannot read property ‘getColomnSet’ of undefined with Selenium and Python
  14. How to get html with javascript rendered sourcecode by using selenium
  15. How to download an image with Python 3/Selenium if the URL begins with “blob:”?
  16. Disable images in Selenium Python
  17. Selenium: How to Inject/execute a Javascript in to a Page before loading/executing any other scripts of the page?
  18. How do I find what is common between 2 lists? [duplicate]
  19. Error tells me I need JavaScript
  20. Javascript equivalent of Python’s zip function
  21. Execute JavaScript using Selenium WebDriver in C#
  22. How to convert raw javascript object to a dictionary?
  23. Pass parameter with Python Flask in external Javascript
  24. Python library for rendering HTML and javascript [closed]
  25. How to call python script from NodeJs
  26. How to decrypt password from JavaScript CryptoJS.AES.encrypt(password, passphrase) in Python
  27. scrollIntoView() not working for horizontal scroll (Selenium)
  28. JavaScript timestamp to Python datetime conversion
  29. FastAPI returns “Error 422: Unprocessable entity” when I send multipart form data with JavaScript Fetch API
  30. Cannot Upload File to FastAPI backend using JavaScript Fetch API in the frontend

Leave a Comment