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

Last change on this file since 24421 was 24421, checked in by sjm84, 13 years ago

Adding a new version of jquery

  • Property svn:executable set to *
File size: 1.1 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>jQuery UI Datepicker - Populate alternate field</title>
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7 <script src="../../jquery-1.6.2.js"></script>
8 <script src="../../ui/jquery.ui.core.js"></script>
9 <script src="../../ui/jquery.ui.widget.js"></script>
10 <script src="../../ui/jquery.ui.datepicker.js"></script>
11 <link rel="stylesheet" href="../demos.css">
12 <script>
13 $(function() {
14 $( "#datepicker" ).datepicker({
15 altField: "#alternate",
16 altFormat: "DD, d MM, yy"
17 });
18 });
19 </script>
20</head>
21<body>
22
23<div class="demo">
24
25<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p>
26
27</div><!-- End demo -->
28
29
30
31<div class="demo-description">
32<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>
33</div><!-- End demo-description -->
34
35</body>
36</html>
Note: See TracBrowser for help on using the repository browser.