date picker

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