Datepicker: Fix localization demo

Author: fnagel

demos/calendar/localization.html

@@ -16,12 +16,15 @@
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
-		var calendar = $( "#calendar" ).calendar(),
-			date = calendar.calendar( "valueAsDate" );
+		var calendar = $( "#calendar" ),
+			select = $( "#locale" );
 
-		$( "#locale" ).change( function() {
+		Globalize.locale( select.val() );
+		calendar.calendar();
+
+		select.change( function() {
 			Globalize.locale( $( this ).val() );
-			calendar.calendar( "valueAsDate", date );
+			calendar.calendar( "valueAsDate", calendar.calendar( "valueAsDate" ) );
 		});
 	});
 	</script>

demos/datepicker/localization.html

@@ -17,11 +17,15 @@
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
-		Globalize.locale( "de-DE" );
-		$( "#datepicker" ).datepicker();
-		$( "#locale" ).change(function() {
-			// TODO refresh the current value to convert to the selected locale
-			Globalize.locale( $(this).val() );
+		var datepicker = $( "#datepicker" ),
+			select = $( "#locale" );
+
+		Globalize.locale( select.val() );
+		datepicker.datepicker();
+
+		select.change( function() {
+			Globalize.locale( $( this ).val() );
+			datepicker.datepicker( "valueAsDate", datepicker.datepicker( "valueAsDate" ) );
 		});
 	});
 	</script>