source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/demos/datepicker/alt-field.html@ 24245

Last change on this file since 24245 was 24245, checked in by sjb48, 13 years ago

Oran code for supporting format changes to document.

  • Property svn:executable set to *
File size: 1.3 KB
Line 
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.4.1.js"></script>
7 <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
8 <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
9 <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
10 <link type="text/css" href="../demos.css" rel="stylesheet" />
11 <script type="text/javascript">
12 $(function() {
13 $("#datepicker").datepicker({altField: '#alternate', altFormat: 'DD, d MM, yy'});
14 });
15 </script>
16</head>
17<body>
18
19<div class="demo">
20
21<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p>
22
23</div><!-- End demo -->
24
25<div class="demo-description">
26
27<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>
28
29</div><!-- End demo-description -->
30
31</body>
32</html>
Note: See TracBrowser for help on using the repository browser.