jquery-ui/demos/datepicker/localization.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Datepicker - Localize calendar</title>
	<link rel="stylesheet" href="../../themes/base/all.css">
	<script src="../../external/cldrjs/cldr.js"></script>
	<script src="../../external/cldrjs/cldr/supplemental.js"></script>
	<script src="../../external/cldrjs/cldr/event.js"></script>
	<script src="../../external/jquery/jquery.js"></script>
	<script src="../../external/globalize/globalize.js"></script>
	<script src="../../external/globalize/globalize/date.js"></script>
	<script src="../../external/localization.js"></script>
	<script src="../../external/date.js"></script>
	<script src="../../ui/core.js"></script>
	<script src="../../ui/widget.js"></script>
	<script src="../../ui/button.js"></script>
	<script src="../../ui/calendar.js"></script>
	<script src="../../ui/position.js"></script>
	<script src="../../ui/datepicker.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<script>
	$(function() {
		var datepicker = $( "#datepicker" ),
			select = $( "#locale" );

		datepicker.datepicker({
			locale: select.val()
		});

		select.on( "change", function() {
			datepicker.datepicker( "option", {
				locale: select.val()
			});
			datepicker.datepicker( "valueAsDate", datepicker.datepicker( "valueAsDate" ) );
		});
	});
	</script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"/>&nbsp;
	<select id="locale">
		<option value="ar">Arabic</option>
		<option value="de" selected>German</option>
		<option value="en">English</option>
		<option value="es">Spanish</option>
		<option value="zh">Chinese Simplified</option>
	</select></p>

<div class="demo-description">
<p>Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</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 - Localize calendar</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: Use Globalize 1.0.0 - Update demos 2014-09-04 18:47:48 +00:00			`<script src="../../external/cldrjs/cldr.js"></script>`
			`<script src="../../external/cldrjs/cldr/supplemental.js"></script>`
			`<script src="../../external/cldrjs/cldr/event.js"></script>`
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>`
Datepicker: Use Globalize 1.0.0 - Update demos 2014-09-04 18:47:48 +00:00			`<script src="../../external/globalize/globalize/date.js"></script>`
Datepicker: Update tests and demos for new structure 2013-08-30 12:27:19 +00:00			`<script src="../../external/localization.js"></script>`
Merge branch 'datepicker' into datepicker-globalize-1.x 2015-04-30 15:38:01 +00:00			`<script src="../../external/date.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>`
Datepicker: Update tests and demos for new structure 2013-08-30 12:27:19 +00:00			`<script src="../../ui/button.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/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 localization demo 2014-06-18 00:05:42 +00:00			`var datepicker = $( "#datepicker" ),`
			`select = $( "#locale" );`

Datepicker: Use Globalize 1.0.0 - Move external/date.js -> ui/calendar/date.js and UMDify it; - Create a locale option as discussed during Chicago's meeting: - [String] A String with locale value, e.g. "en"; or - [Object] An object with all the formatters. TODO: Use the Globalize to-be-created generators instead of these wrap functions. 2014-09-04 18:47:48 +00:00			`datepicker.datepicker({`
			`locale: select.val()`
			`});`
Datepicker: Fix localization demo 2014-06-18 00:05:42 +00:00
Merge branch 'datepicker' into datepicker-globalize-1.x 2015-04-30 15:38:01 +00:00			`select.on( "change", function() {`
Datepicker: Use Globalize 1.0.0 - Move external/date.js -> ui/calendar/date.js and UMDify it; - Create a locale option as discussed during Chicago's meeting: - [String] A String with locale value, e.g. "en"; or - [Object] An object with all the formatters. TODO: Use the Globalize to-be-created generators instead of these wrap functions. 2014-09-04 18:47:48 +00:00			`datepicker.datepicker( "option", {`
			`locale: select.val()`
			`});`
Datepicker: Fix localization demo 2014-06-18 00:05:42 +00:00			`datepicker.datepicker( "valueAsDate", datepicker.datepicker( "valueAsDate" ) );`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`});`
			`});`
			`</script>`
			`</head>`
			`<body>`

			`<p>Date: <input type="text" id="datepicker"/> `
			`<select id="locale">`
Datepicker: Use Globalize 1.0.0 - Fix "I never liked that we attempted to translate the language https://github.com/jquery/jquery-ui/pull/1341#discussion_r17171152 2014-09-04 18:47:48 +00:00			`<option value="ar">Arabic</option>`
			`<option value="de" selected>German</option>`
Datepicker: Update tests and demos for new structure 2013-08-30 12:27:19 +00:00			`<option value="en">English</option>`
Datepicker: Use Globalize 1.0.0 - Fix "I never liked that we attempted to translate the language https://github.com/jquery/jquery-ui/pull/1341#discussion_r17171152 2014-09-04 18:47:48 +00:00			`<option value="es">Spanish</option>`
			`<option value="zh">Chinese Simplified</option>`
mime-type and eol-style 2009-01-02 03:56:06 +00:00			`</select></p>`

Datepicker demos: Coding standards. 2010-09-10 12:50:53 +00:00			`<div class="demo-description">`
Datepicker: Use Globalize 1.0.0 - Fix "I never liked that we attempted to translate the language https://github.com/jquery/jquery-ui/pull/1341#discussion_r17171152 2014-09-04 18:47:48 +00:00			`<p>Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</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>`