Make datetimepicker locale aware

- Set the moment locale when setting user language
- Pass the moment locale to datepicker instances

issue5797
review21201002

CHANGELOG

@@ -1,3 +1,4 @@
+* Make datetimepicker locale aware
 * Restore tab default order when no manual change
 * Add support for column sorting
 * Manage confirm attribute on buttons

index.html

@@ -12,6 +12,7 @@ this repository contains the full copyright notices and license terms. -->
         <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
         <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
         <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script>
+        <script type="text/javascript" src="bower_components/moment/min/locales.min.js"></script>
         <script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
         <script type="text/javascript" src="bower_components/gettext.js/dist/gettext.min.js"></script>
         <script type="text/javascript" src="bower_components/d3/d3.min.js"></script>

src/sao.js

@@ -189,7 +189,14 @@ var Sao = {};
 
     Sao.i18n = i18n();
     Sao.i18n.setlang = function(lang) {
+        if (!lang) {
+            lang = (navigator.language ||
+                 navigator.browserLanguage ||
+                 navigator.userLanguage ||
+                 'en_US').replace('-', '_');
+        }
         Sao.i18n.setLocale(lang);
+        moment.locale(lang.slice(0, 2));
         return jQuery.getJSON('locale/' + lang + '.json', function(data) {
             if (!data[''].language) {
                 data[''].language = lang;
@@ -210,11 +217,7 @@ var Sao = {};
     Sao.i18n.getlang = function() {
         return Sao.i18n.getLocale();
     };
-    Sao.i18n.setlang(
-            (navigator.language ||
-             navigator.browserLanguge ||
-             navigator.userLanguage ||
-             'en_US').replace('-', '_'));
+    Sao.i18n.setlang();
 
     Sao.get_preferences = function() {
         var session = Sao.Session.current_session;

src/screen.js

@@ -537,7 +537,9 @@
                 }).append(jQuery('<span/>', {
                     'class': 'glyphicon glyphicon-calendar'
                 }))).appendTo(entry);
-                entry.datetimepicker();
+                entry.datetimepicker({
+                    'locale': moment.locale()
+                });
                 entry.data('DateTimePicker').format(format);
                 return entry;
             };

src/view/form.js

@@ -1056,7 +1056,9 @@
             }).append(jQuery('<span/>', {
                 'class': 'glyphicon glyphicon-calendar'
             }))).appendTo(this.date);
-            this.date.datetimepicker();
+            this.date.datetimepicker({
+                'locale': moment.locale()
+            });
             this.date.css('width', this._width);
             this.date.on('dp.hide', this.focus_out.bind(this));
         },
@@ -3647,7 +3649,8 @@
                 'class': 'glyphicon glyphicon-calendar'
             })).prependTo(group);
             this.input.datetimepicker({
-                'format': Sao.common.moment_format(this.format)
+                'format': Sao.common.moment_format(this.format),
+                'locale': moment.locale()
             });
             this.input.on('dp.hide',
                     this.parent_widget.focus_out.bind(this.parent_widget));