Implementing the datepicker widget
To create the default datepicker, add the following code to a new page in your text editor:
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>Datepicker</title> <link rel="stylesheet" href="development-bundle/themes/redmond/jquery.ui.all.css"> <script src="js/jquery-2.0.3.js"></script> <script src="development-bundle/ui/jquery.ui.core.js"></script> <script src="development-bundle/ui/jquery.ui.widget.js"></script> <script src="development-bundle/ui/jquery.ui.datepicker.js"> </script> <script> $(document).ready(function($){ $("#date").datepicker(); }); </script> </head> <body> <label for="date">Enter a date:</label> <input id="date" /> </body> </html>
Save this as datePicker1.html
in the jqueryui
project folder. All we have on the page is a <label>
and a standard...