Fix for client side datetime format

mcintyre321 · mcintyre321 · commit 4d162ee22e18 · 2013-09-30T17:46:11.000+01:00
diff --git a/Mvc.JQuery.Datatables.Example/Views/Shared/_Layout.cshtml b/Mvc.JQuery.Datatables.Example/Views/Shared/_Layout.cshtml
@@ -8,16 +8,41 @@
     <link href="@Url.Content("~/Content/bootstrap-overrides.css")" rel="stylesheet" type="text/css"/>
     <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.min.js")" type="text/javascript"></script>
-    <link href="/Content/themes/Aristo/jquery-ui-1.8.7.custom.css" type="text/css" rel="stylesheet"/>
-    <script src="/Scripts/jquery-ui-i18n.js" type="text/javascript"></script>
+    <link href="/Content/themes/Aristo/jquery-ui-1.8.7.custom.css" type="text/css" rel="stylesheet" />
+    
     <script src="/Scripts/jquery.globalize/globalize.js" type="text/javascript"></script>
-    <script src="/Scripts/jquery.globalize/cultures/globalize.culture.en-GB.js" type="text/javascript"></script>
-    <script type="text/javascript">
-        $(function() {
-            Globalize.culture("@System.Globalization.CultureInfo.CurrentUICulture.Name");            
-            $.datepicker.setDefaults($.datepicker.regional['@System.Globalization.CultureInfo.CurrentUICulture.Name']);
-        });
-    </script>
+    <script src="/Scripts/jquery.globalize/cultures/globalize.culture.@(System.Globalization.CultureInfo.CurrentUICulture.Name).js" type="text/javascript"></script>
+<script type="text/javascript">
+    Globalize.culture("@System.Globalization.CultureInfo.CurrentUICulture.Name");
+</script>
+        @if (System.Globalization.CultureInfo.CurrentUICulture.Name != "en-US")
+        {
+            <script src="/Scripts/jquery-ui-i18n.js" type="text/javascript"></script>
+            <script type="text/javascript">
+                function GetDatePickerRegion(locale) {
+
+                    // Try to get region directly (with the same name)
+                    var region = $.datepicker.regional[locale];
+                    if (region != undefined)
+                        return region;
+
+                    // Fallback when region specific (e.g. "de-DE" to "de")
+                    if (locale.length >
+                        2) {
+                        region = $.datepicker.regional[locale.substring(0, 2)];
+                        if (region != undefined)
+                            return region;
+                    }
+
+                    // Return default region
+                    region = $.datepicker.regional[""];
+                    return region;
+                }
+
+                var region = GetDatePickerRegion('@System.Globalization.CultureInfo.CurrentUICulture.Name');
+                $.datepicker.setDefaults(region);
+            </script>
+        }
 </head>
 <body>
     <div class="topbar">
@@ -35,6 +60,6 @@
         @RenderBody()
     </div>
     <footer>
-        </footer>
+    </footer>
 </body>
 </html>
