Changeset 4411 for trunk/ui/current/datepicker/index.html

Timestamp:

01/11/08 01:51:57 (8 months ago)

Author:

kbwood.au

Message:

Demonstrate defaultDate/minDate/maxDate as relative days/weeks/months/years

Files:

• trunk/ui/current/datepicker/index.html (modified) (2 diffs)

trunk/ui/current/datepicker/index.html

@@ -199 +199 @@
 <script type="text/jsdemo" charset="utf-8" class="demojs">
 $('#relativeDates').datepicker({minDate: 0, maxDate: 365});
+</script>
+                    <p>The relative dates can also be specified as a number and a period -
+                        'd' for days, 'w' for weeks, 'm' for months, or 'y' for years.</p>
+                    <p><span class="demoLabel">Limited dates (extended):</span>
+                        <input type="text" size="10" id="extendedDates"/></p>
+<script type="text/jsdemo" charset="utf-8" class="demojs">
+$('#extendedDates').datepicker({minDate: '-1d', maxDate: '6y'});
 </script>
                     <p>Note that the range of selectable months and years changes appropriately. Also,
@@ -397 +404 @@
 <script type="text/jsdemo" charset="utf-8" class="demojs">
 $('#openDatePlus7').datepicker({defaultDate: +7});
+</script>
+                    <p>Or specify a period from today - 'd' for days,
+                        'w' for weeks, 'm' for months, or 'y' for years.</span>
+                    <p><span class="demoLabel">Open at 2 weeks from today:</span>
+                        <input type="text" size="10" id="openDate2Weeks"/></p>
+<script type="text/jsdemo" charset="utf-8" class="demojs">
+$('#openDate2Weeks').datepicker({defaultDate: '2w'});
 </script>
                     <p>Show the weeks of the year. Defaults to the ISO 8601 definition (weeks start