]> dev.renevier.net Git - syp.git/blob - jquery/development-bundle/demos/datepicker/default.html
fixes notices
[syp.git] / jquery / development-bundle / demos / datepicker / default.html
1 <!doctype html>
2 <html lang="en">
3 <head>
4         <title>jQuery UI Datepicker - Default functionality</title>
5         <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6         <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
7         <script type="text/javascript" src="../../ui/ui.core.js"></script>
8         <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
9         <link type="text/css" href="../demos.css" rel="stylesheet" />
10         <script type="text/javascript">
11         $(function() {
12                 $("#datepicker").datepicker();
13         });
14         </script>
15 </head>
16 <body>
17
18 <div class="demo">
19
20 <p>Date: <input type="text" id="datepicker"></p>
21
22 </div><!-- End demo -->
23
24 <div class="demo-description">
25
26 <p>The datepicker is tied to a standard form input field.  Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay.  Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
27
28 </div><!-- End demo-description -->
29
30 </body>
31 </html>