jquery-ui/demos/datepicker/date-formats.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery UI Datepicker - Format date</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">
		$( "#datepicker" ).datepicker();
		$( "#format" ).on( "change", function() {
			$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
		});
	</script>
</head>
<body>

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

<p>Format options:<br>
	<select id="format">
		<option value="mm/dd/yy">Default - mm/dd/yy</option>
		<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
		<option value="d M, y">Short - d M, y</option>
		<option value="d MM, y">Medium - d MM, y</option>
		<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
		<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
	</select>
</p>

<div class="demo-description">
<p>Display date feedback in a variety of ways.  Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</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">`
Demos: Add device-width viewport meta to all demos Ref 343c2651729af2fdf020dd538fce0855785f5a0d 2015-09-30 13:11:22 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
updated the demo captions, and reordered the examples navigation 2009-01-19 22:42:58 +00:00			`<title>jQuery UI Datepicker - Format date</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">`
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`$( "#datepicker" ).datepicker();`
Datepicker: Remove core event/alias and deprecated module dependencies 2015-05-14 01:54:56 +00:00			`$( "#format" ).on( "change", function() {`
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );`
			`});`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`</script>`
			`</head>`
			`<body>`

Demos:Tests: Avoid self-closing HTML tags Self-closing tags are reported by newer versions of the htmllint Grunt plugin. They also don't make sense in our HTML files since they are not XHTML-compliant and they run in HTML mode anyway. Ref gh-2157 2023-03-28 22:18:07 +00:00			`<p>Date: <input type="text" id="datepicker" size="30"></p>`
Fixed some spacing issues for the format dropdown and added a label. 2009-01-08 22:28:45 +00:00
Demos:Tests: Avoid self-closing HTML tags Self-closing tags are reported by newer versions of the htmllint Grunt plugin. They also don't make sense in our HTML files since they are not XHTML-compliant and they run in HTML mode anyway. Ref gh-2157 2023-03-28 22:18:07 +00:00			`<p>Format options:<br>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`<select id="format">`
			`<option value="mm/dd/yy">Default - mm/dd/yy</option>`
			`<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>`
datepicker: fixed dateFormat example 2009-06-24 07:40:14 +00:00			`<option value="d M, y">Short - d M, y</option>`
			`<option value="d MM, y">Medium - d MM, y</option>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`<option value="DD, d MM, yy">Full - DD, d MM, yy</option>`
			`<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>`
Fixed some spacing issues for the format dropdown and added a label. 2009-01-08 22:28:45 +00:00			`</select>`
			`</p>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00
Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<div class="demo-description">`
			`<p>Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</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>`