JavaScript Way To Handle Calendar In Selenium | Make Selenium Easy

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

My name is Amod Mahajan and I am an IT employee with 4+ years of experience in Software testing and staying in Bengaluru. My area of interest is Automation testing. I started from basics and went throw so many selenium tutorials. Thanks to Mukesh Otwani as his tutorials are easy and cover basics to advance. I have habit of exploring concepts by deep diving. I used to make notes. I thought of sharing my knowledge through posts and now I am here. #KeepLearning #ShareLearning