jquery-ui/demos/datepicker/min-max.html

<!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>
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`<!doctype html>`
			`<html lang="en">`
			`<head>`
updated the demo captions, and reordered the examples navigation 2009-01-19 22:42:58 +00:00			`<title>jQuery UI Datepicker - Restrict date range</title>`
removed default theme in favor of only one versioned css framework/TR theme - base 2009-01-07 02:36:51 +00:00			`<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />`
switched to jQuery 1.3.1 2009-01-22 09:13:28 +00:00			`<script type="text/javascript" src="../../jquery-1.3.1.js"></script>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`<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">`

updated the demo captions, and reordered the examples navigation 2009-01-19 22:42:58 +00:00			`<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>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00
			`</div><!-- End demo-description -->`

			`</body>`
			`</html>`