diff options
author | Todd Parker <fg.todd@gmail.com> | 2008-12-30 16:45:42 +0000 |
---|---|---|
committer | Todd Parker <fg.todd@gmail.com> | 2008-12-30 16:45:42 +0000 |
commit | 8ea536f5c9c82ced4d682f5d7a1904da55fc430d (patch) | |
tree | ad01c8725fe287df36e6d1c74a2074fb3873632f /demos/datepicker/multiple_calendars.html | |
parent | 7b36620e6cd651cbf36904e853330fb752a207eb (diff) | |
download | jquery-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.html | 12 |
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> |