aboutsummaryrefslogtreecommitdiffstats
path: root/demos/datepicker/multiple_calendars.html
diff options
context:
space:
mode:
authorTodd Parker <fg.todd@gmail.com>2008-12-30 16:45:42 +0000
committerTodd Parker <fg.todd@gmail.com>2008-12-30 16:45:42 +0000
commit8ea536f5c9c82ced4d682f5d7a1904da55fc430d (patch)
treead01c8725fe287df36e6d1c74a2074fb3873632f /demos/datepicker/multiple_calendars.html
parent7b36620e6cd651cbf36904e853330fb752a207eb (diff)
downloadjquery-ui-8ea536f5c9c82ced4d682f5d7a1904da55fc430d.tar.gz
jquery-ui-8ea536f5c9c82ced4d682f5d7a1904da55fc430d.zip
Added wrappers for demo and description for each page.
Diffstat (limited to 'demos/datepicker/multiple_calendars.html')
-rw-r--r--demos/datepicker/multiple_calendars.html12
1 files changed, 11 insertions, 1 deletions
diff --git a/demos/datepicker/multiple_calendars.html b/demos/datepicker/multiple_calendars.html
index 2b4cf573a..542ff7ebe 100644
--- a/demos/datepicker/multiple_calendars.html
+++ b/demos/datepicker/multiple_calendars.html
@@ -9,15 +9,25 @@
<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(function() {
- $('#date123').datepicker({numberOfMonths: 3, showButtonPanel: true});
+ $('#date123').datepicker({numberOfMonths: 2, showButtonPanel: true});
});
</script>
</head>
<body>
+<div class="demo">
<p>Date: <input type="text" id="date123"></p>
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>This datepicker shows two months at a time by setting the numberOfMonths option to 2. This can be set to any number that will fit within your layout. The multiple calendars are used to make it easier to visually scan across months and make a selection. This is not a date range picker. In a future release, a custom date range plugin will be added. For users that want to use the old date range picker built into the datepicker, they must use the previous version of this plug.</p>
+
+</div><!-- End demo-description -->
</body>