JavaScript Way To Handle Calendar In Selenium

Hello Folks,

In last two posts we have seen handling different types of calendars:

Handling Calendar Which Has Year & Month As Drop down In Selenium

How To Handle Different Types Of Calendars In Selenium: Part 1

If you notice, You need to write a lengthy code to handle calendars in selenium. Is there any shortcut ways to handle calendars?

Answer is “Yes”. We can this using java script.

JavaScrips(JS) provides a method called setAttribute. Syntax is as below:

                      setAttribute(“attributeName”,”attributeValue”).
Example: document.getElementsByID(“Some Id”)[0].setAttribute(“class”, “democlass”);

• Above line will set html attribute “Class” for web element.
• This method can be used to set any attribute.
• We can use above method of javascript to select date in a calendar. Only condition is that calendar widget allow you to type manually as well apart from selecting from calendar.
• For example: You should be able to  type 08/30/2017 in calendar box also.

Java Code:

Output:

 

If you have any doubt, feel free to ask here.

If you like my posts, please like, comment, share and subscribe.

#ThanksForReading

#HappySelenium