]> dev.renevier.net Git - syp.git/blob - jquery/development-bundle/demos/datepicker/alt-field.html
fixes notices
[syp.git] / jquery / development-bundle / demos / datepicker / alt-field.html
1 <!doctype html>
2 <html lang="en">
3 <head>
4         <title>jQuery UI Datepicker - Populate alternate field</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({altField: '#alternate', altFormat: 'DD, d MM, yy'});
13         });
14         </script>
15 </head>
16 <body>
17
18 <div class="demo">
19
20 <p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p>
21
22 </div><!-- End demo -->
23
24 <div class="demo-description">
25
26 <p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options.  This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
27
28 </div><!-- End demo-description -->
29
30 </body>
31 </html>