diff options
Diffstat (limited to 'demos/calendar/min-max.html')
| -rw-r--r-- | demos/calendar/min-max.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/demos/calendar/min-max.html b/demos/calendar/min-max.html new file mode 100644 index 000000000..b3036b873 --- /dev/null +++ b/demos/calendar/min-max.html @@ -0,0 +1,33 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Calendar - Restrict date range</title> + <link rel="stylesheet" href="../../themes/base/all.css"> + <link rel="stylesheet" href="../demos.css"> + <script src="../../external/requirejs/require.js"></script> + <script src="../bootstrap.js"> + var now = new Date(), + dateMin = new Date( now.getFullYear(), now.getMonth(), now.getDate() + 1 ), + dateMax = new Date( now.getFullYear(), now.getMonth(), now.getDate() + 8 ); + + dateMin = new Date( 2008, 2 - 1, 29 ); + dateMax = new Date( 2008, 12 - 1, 7 ); + + + $( "#calendar" ).calendar({ + min: dateMin, + max: dateMax, + value: new Date( 2008, 1 - 1, 4 ) + }); + </script> +</head> +<body> + +<div id="calendar"></div> + +<div class="demo-description"> +<p>Restrict the range of selectable dates with the <code>min</code> and <code>max</code> options. Set the beginning and end dates as actual dates (<code>new Date(2009, 1 - 1, 26)</code>).</p> +</div> +</body> +</html> |