diff options
Diffstat (limited to 'demos/datepicker/min-max.html')
| -rw-r--r-- | demos/datepicker/min-max.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/demos/datepicker/min-max.html b/demos/datepicker/min-max.html new file mode 100644 index 000000000..6a7d87eb2 --- /dev/null +++ b/demos/datepicker/min-max.html @@ -0,0 +1,31 @@ +<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Datepicker - Restrict date range</title> + <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.3.1.js"></script> + <script type="text/javascript" src="../../ui/ui.core.js"></script> + <script type="text/javascript" src="../../ui/ui.datepicker.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <script type="text/javascript"> + $(function() { + $("#datepicker").datepicker({minDate: -20, maxDate: '+1M +10D'}); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Restrict the range of selectable dates with the <strong>minDate</strong> and <strong>maxDate</strong> options. Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p> + +</div><!-- End demo-description --> + +</body> +</html> |