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">
	<script src="../../external/jquery/jquery.js"></script>
	<script src="../../external/globalize/globalize.js"></script>
	<script src="../../external/date.js"></script>
	<script src="../../external/localization.js"></script>
	<script src="../../ui/core.js"></script>
	<script src="../../ui/widget.js"></script>
	<script src="../../ui/calendar.js"></script>
	<script src="../../ui/button.js"></script>
	<script src="../../ui/position.js"></script>
	<script src="../../ui/datepicker.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<script>
	$(function() {
        var allowOpen = false,
            datepicker = $( "#datepicker" ).datepicker({
                beforeOpen: function() {
                    return allowOpen;
                },
                open: function() {
                    allowOpen = false;
                }
            });

        $( "<img src='images/calendar.gif' alt='Open Datepicker'>")
            .insertAfter( datepicker )
            .click( function() {
                allowOpen = true;
                datepicker.focus();
            });
	});
	</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.  Set the datepicker to open on focus (default behavior), on icon click, or both.</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">`
Build: Reorganize external directory Put each external library into its own directory. Move jquery.js to external. Ref gh-1266 2014-06-10 11:55:45 +00:00			`<script src="../../external/jquery/jquery.js"></script>`
Datepicker: Update tests and demos for new structure 2013-08-30 12:27:19 +00:00			`<script src="../../external/globalize/globalize.js"></script>`
			`<script src="../../external/date.js"></script>`
			`<script src="../../external/localization.js"></script>`
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			`<script src="../../ui/core.js"></script>`
			`<script src="../../ui/widget.js"></script>`
Calendar: Add calendar widget Add calendar widget by copying and renaming datepicker widget files. Remove datepicker functionality, options and methods from Calendar. Remove calendar functionality, options and methods from Datepicker. Adjust tests due to split and changed specification. Remove duplicated demo files and fix some demos. Simplify calendar generation, use CSS instead of inline styles. Fix destroy method. Make use of uniqueId method. Fix focus highlighting when month is changed. Add version property. Add common unit tests. Fix input keyboard handling. 2014-06-03 21:18:51 +00:00			`<script src="../../ui/calendar.js"></script>`
Datepicker: Update tests and demos for new structure 2013-08-30 12:27:19 +00:00			`<script src="../../ui/button.js"></script>`
			`<script src="../../ui/position.js"></script>`
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			`<script src="../../ui/datepicker.js"></script>`
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<link rel="stylesheet" href="../demos.css">`
			`<script>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`$(function() {`
Datepicker: Fix icon trigger demo 2014-04-26 12:05:56 +00:00			`var allowOpen = false,`
			`datepicker = $( "#datepicker" ).datepicker({`
			`beforeOpen: function() {`
			`return allowOpen;`
			`},`
			`open: function() {`
			`allowOpen = false;`
			`}`
			`});`

			`$( "<img src='images/calendar.gif' alt='Open Datepicker'>")`
			`.insertAfter( datepicker )`
			`.click( function() {`
			`allowOpen = true;`
			`datepicker.focus();`
			`});`
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">`
			`<p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</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>`