jquery-ui/demos/datepicker/icon-trigger.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Datepicker - Icon trigger</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 allowOpen = false,
			datepicker = $( "#datepicker" ).datepicker({
				beforeOpen: function() {
					return allowOpen;
				},
				open: function() {
					allowOpen = false;
				}
			} ),
			widget = datepicker.datepicker( "widget" );

		$( "<a href='#'>")
			.append( "<img src='images/calendar.gif' tabindex='0' alt='Open Datepicker'>" )
			.insertAfter( datepicker )
			.on( "click", function( event ) {
				allowOpen = true;
				if ( widget.is( ":hidden" ) ) {
					datepicker.focus();
				}
				event.preventDefault();
			});
	</script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>

<div class="demo-description">
<p>Click the icon next to the input field to show the datepicker. This demo will be removed soon since its promoting bad practice. Please see our migration guide.</p>
</div>
</body>
</html>
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`<!doctype html>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`<html lang="en">`
			`<head>`
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<meta charset="utf-8">`
updated the demo captions, and reordered the examples navigation 2009-01-19 22:42:58 +00:00			`<title>jQuery UI Datepicker - Icon trigger</title>`
All: Rename all files, removing the "jquery.ui." prefix; - By executing https://gist.github.com/jzaefferer/893fcf70b7eebc1dc271; Fixes #9464 Closes gh-1029 2013-12-02 18:36:12 +00:00			`<link rel="stylesheet" href="../../themes/base/all.css">`
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<link rel="stylesheet" href="../demos.css">`
Datepicker: Use new demos infrastructure Ref #10119 2015-05-14 13:51:52 +00:00			`<script src="../../external/requirejs/require.js"></script>`
			`<script src="../bootstrap.js">`
Merge branch 'master' into datepicker 2015-08-20 13:48:11 +00:00			`var allowOpen = false,`
			`datepicker = $( "#datepicker" ).datepicker({`
			`beforeOpen: function() {`
			`return allowOpen;`
			`},`
			`open: function() {`
			`allowOpen = false;`
			`}`
Datepicker: Fix icon trigger demo Support keyboard control. Fix close on second click. Add removal notice. 2015-08-25 16:28:18 +00:00			`} ),`
			`widget = datepicker.datepicker( "widget" );`
Datepicker: Fix icon trigger demo 2014-04-26 12:05:56 +00:00
Datepicker: Fix icon trigger demo Support keyboard control. Fix close on second click. Add removal notice. 2015-08-25 16:28:18 +00:00			`$( "<a href='#'>")`
			`.append( "<img src='images/calendar.gif' tabindex='0' alt='Open Datepicker'>" )`
Merge branch 'master' into datepicker 2015-08-20 13:48:11 +00:00			`.insertAfter( datepicker )`
Datepicker: Fix icon trigger demo Support keyboard control. Fix close on second click. Add removal notice. 2015-08-25 16:28:18 +00:00			`.on( "click", function( event ) {`
Merge branch 'master' into datepicker 2015-08-20 13:48:11 +00:00			`allowOpen = true;`
Datepicker: Fix icon trigger demo Support keyboard control. Fix close on second click. Add removal notice. 2015-08-25 16:28:18 +00:00			`if ( widget.is( ":hidden" ) ) {`
			`datepicker.focus();`
			`}`
			`event.preventDefault();`
Merge branch 'master' into datepicker 2015-08-20 13:48:11 +00:00			`});`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`</script>`
			`</head>`
			`<body>`

			`<p>Date: <input type="text" id="datepicker"></p>`

Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<div class="demo-description">`
Datepicker: Fix icon trigger demo Support keyboard control. Fix close on second click. Add removal notice. 2015-08-25 16:28:18 +00:00			`<p>Click the icon next to the input field to show the datepicker. This demo will be removed soon since its promoting bad practice. Please see our migration guide.</p>`
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`</div>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`</body>`
			`</html>`