source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/demos/datepicker/icon-trigger.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.1 KB
Line 
1<!doctype html>
2<html lang="en">
3<head>
4 <title>jQuery UI Datepicker - Icon trigger</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({
14 showOn: 'button',
15 buttonImage: 'images/calendar.gif',
16 buttonImageOnly: true
17 });
18 });
19 </script>
20</head>
21<body>
22
23<div class="demo">
24
25<p>Date: <input type="text" id="datepicker"></p>
26
27</div><!-- End demo -->
28
29<div class="demo-description">
30
31<p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</p>
32
33</div><!-- End demo-description -->
34
35</body>
36</html>
Note: See TracBrowser for help on using the repository browser.