Howdy! Today I’m going to share a free birthdate picker for your website. Just call the function birthdate_populate, pass the IDs of Date, Month and Year’s <SELECT> tags, and you are done!

Code in action

View the live Demo here!

How to use

First, we need to include the javascript file birthdate.js to your html page. Put the following code in your <head></head> section:

<script type="text/javascript" src ="birthdate.js">

Now in your <body> section, at first put Three <select> tags to pick the date. Give them appropritae name and ID

Choose your Birthday:
                <SELECT id ="date" name = "dd"></SELECT>
                <SELECT id ="month" name = "mm"></SELECT>
                <SELECT id ="year" name = "yyyy"></SELECT>

Now is the main part. put this code just somewhere below your <select> tags:

<script type="text/javascript">date_populate("date", "month", "year");</script>

That’s it! You’re Done!

Download Source Code

Visit the official site here to download

Published by Shafiul Azam

Open-source enthusiast.

12 thoughts on “Free JavaScript BirthDate picker, how to add Date select option by JavaScript”

  5. Hahaha! I’m mocking something up and this was great for cut and paste.

    PS: Why no semi-colons in your javascript?

  6. HI, i don’t know if it is a problem in my website but I noticed that it shows “30” twice and it does not display 31. Can you control if it is a bug of the javascript? Thank you 🙂

Comments are closed.