aboutsummaryrefslogtreecommitdiff
path: root/static/development-bundle/demos/datepicker/multiple-calendars.html
diff options
context:
space:
mode:
Diffstat (limited to 'static/development-bundle/demos/datepicker/multiple-calendars.html')
-rw-r--r--static/development-bundle/demos/datepicker/multiple-calendars.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/static/development-bundle/demos/datepicker/multiple-calendars.html b/static/development-bundle/demos/datepicker/multiple-calendars.html
new file mode 100644
index 0000000..86e55a0
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/multiple-calendars.html
@@ -0,0 +1,34 @@
1<!doctype html>
2<html lang="en">
3<head>
4 <title>jQuery UI Datepicker - Display multiple months</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 numberOfMonths: 3,
14 showButtonPanel: true
15 });
16 });
17 </script>
18</head>
19<body>
20
21<div class="demo">
22
23<p>Date: <input type="text" id="datepicker"></p>
24
25</div><!-- End demo -->
26
27<div class="demo-description">
28
29<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p>
30
31</div><!-- End demo-description -->
32
33</body>
34</html>