Datepicker: Update alt-field demo - remove the options and use Globalize to parse and format instead

Author: jzaefferer

demos/datepicker/alt-field.html

@@ -5,15 +5,29 @@
 	<title>jQuery UI Datepicker - Populate alternate field</title>
 	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
 	<script src="../../jquery-1.10.2.js"></script>
+	<script src="../../external/globalize.js"></script>
+	<script src="../../external/date.js"></script>
+	<script src="../../external/localization.js"></script>
 	<script src="../../ui/jquery.ui.core.js"></script>
 	<script src="../../ui/jquery.ui.widget.js"></script>
+	<script src="../../ui/jquery.ui.effect.js"></script>
+	<script src="../../ui/jquery.ui.effect-blind.js"></script>
+	<script src="../../ui/jquery.ui.effect-bounce.js"></script>
+	<script src="../../ui/jquery.ui.effect-clip.js"></script>
+	<script src="../../ui/jquery.ui.effect-drop.js"></script>
+	<script src="../../ui/jquery.ui.effect-fold.js"></script>
+	<script src="../../ui/jquery.ui.effect-slide.js"></script>
+	<script src="../../ui/jquery.ui.button.js"></script>
 	<script src="../../ui/jquery.ui.datepicker.js"></script>
+	<script src="../../ui/jquery.ui.position.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
 		$( "#datepicker" ).datepicker({
-			altField: "#alternate",
-			altFormat: "DD, d MM, yy"
+			select: function( event, ui ) {
+				var date = Globalize.parseDate( ui.date );
+				$( "#alternate" ).val( Globalize.format( date, "dddd, d MMMM, yyyy" ) );
+			}
 		});
 	});
 	</script>