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

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 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s