Free JavaScript BirthDate picker, how to add Date select option by JavaScript


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

Advertisements

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

  1. 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.