From 40e8519437d21accd55e8d83e45bcf61b3cab0af Mon Sep 17 00:00:00 2001
From: Felix Nagel <info@felixnagel.com>
Date: Wed, 18 Jun 2014 02:05:42 +0200
Subject: [PATCH] Datepicker: Fix localization demo

---
 demos/calendar/localization.html   | 11 +++++++----
 demos/datepicker/localization.html | 14 +++++++++-----
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/demos/calendar/localization.html b/demos/calendar/localization.html
index 75822cf32..1f607f7a4 100644
--- a/demos/calendar/localization.html
+++ b/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>
diff --git a/demos/datepicker/localization.html b/demos/datepicker/localization.html
index 701e5c36b..01f90531e 100644
--- a/demos/datepicker/localization.html
+++ b/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>