Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Display a dialog to hold the date picker

< html lang="en"> <head>   <title></title>   <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   <script type="text/javascript" src="js/ui/ui.core.js"></script>   <script type="text/javascript" src="js/ui/ui.datepicker.js"></script>   <link type="text/css" href="js/demos.css" rel="stylesheet" />   <script type="text/javascript">     $(function() {       $("#invoke").click(function() {             $("#date").datepicker("dialog", "", updateDate);                 function updateDate(date) {             $("#date").val(date);           }         });         });   </script> </head> <body> <div id="row"><label>Enter a date: </label> <input id="date"><a id="invoke" title="" href="#">Click to open Date Picker Dialog</a></div> </body> </html>