Java is not a language with training wheels. It is a language for professional programmers.

— Hebert Sheildt

Date Picker


Your web applications may need to gather date from the user, it is convenient for the user to select the date from the date picker, it also is a huge relief for the programmer as he may not have to keep an eye on the date format entered by the user.



For the date picker in the example you need to have the below listed files:

1.) jquery-ui.css

2.) jquery-1.9.1.js

3.) jquery-ui.js

Add these Javascript files in the tag to the HTML page.
You will need to add this function as well in the <head> tag:

--------------------------------------------------------------------------------------------------------------------
                        $(function() {

                        $( "#datepicker" ).datepicker();

                        });

--------------------------------------------------------------------------------------------------------------------
This is how you need to use it in the HTML page.

                        DOB:  <input type="text" id="datepicker" name="dob"/>

Javascript 1 Javascript 2 HTML CSS

Click to download code.



© Copyright © 2013 SourabhBawage.com. All Rights Reserved.