Added support for two digits hour

this should fix jdewit#219 jdewit#209 jdewit#208 jdewit#203, jdewit#209 has tests not yet included here JSBIN http://jsbin.com/xahux/3 see: eleumik@7a5a84a
netgo-software · Aug 27, 2015 · bcdd398 · bcdd398
1 parent 18000b5
commit bcdd398
Showing 1 changed file with 29 additions and 33 deletions.
diff --git a/js/bootstrap-timepicker.js b/js/bootstrap-timepicker.js
@@ -31,7 +31,8 @@
     this.appendWidgetTo = options.appendWidgetTo;
     this.showWidgetOnAddonClick = options.showWidgetOnAddonClick;
     this.maxHours = options.maxHours;
-		this.explicitMode = options.explicitMode; // If true 123 = 1:23, 12345 = 1:23:45, else invalid.
+    this.explicitMode = options.explicitMode; // If true 123 = 1:23, 12345 = 1:23:45, else invalid.
+    this.twoDigitsHour = options.twoDigitsHour;
 
     this.handleDocumentClick = function (e) {
       var self = e.data.scope;
@@ -351,7 +352,15 @@
         return '';
       }
 
-      return this.hour + ':' + (this.minute.toString().length === 1 ? '0' + this.minute : this.minute) + (this.showSeconds ? ':' + (this.second.toString().length === 1 ? '0' + this.second : this.second) : '') + (this.showMeridian ? ' ' + this.meridian : '');
+      return this.getFormattedHour() + ':' + (this.minute.toString().length === 1 ? '0' + this.minute : this.minute) + (this.showSeconds ? ':' + (this.second.toString().length === 1 ? '0' + this.second : this.second) : '') + (this.showMeridian ? ' ' + this.meridian : '');
+    },
+
+    getFormattedHour : function() {
+      var h = '' + this.hour;
+      if (h.length === 1 && this.twoDigitsHour) {
+        h = '0' + h;
+      }
+      return h;
     },
 
     hideWidget: function() {
@@ -462,11 +471,8 @@
 
       if ($element.setSelectionRange) {
         setTimeout(function() {
-          if (self.hour < 10) {
-            $element.setSelectionRange(0,1);
-          } else {
-            $element.setSelectionRange(0,2);
-          }
+          var fh = self.getFormattedHour();
+          $element.setSelectionRange(0,fh.length);
         }, 0);
       }
     },
@@ -479,11 +485,9 @@
 
       if ($element.setSelectionRange) {
         setTimeout(function() {
-          if (self.hour < 10) {
-            $element.setSelectionRange(2,4);
-          } else {
-            $element.setSelectionRange(3,5);
-          }
+          var fh = self.getFormattedHour();
+          var p = 1 + fh.length;
+          $element.setSelectionRange(p,p+2);
         }, 0);
       }
     },
@@ -496,11 +500,9 @@
 
       if ($element.setSelectionRange) {
         setTimeout(function() {
-          if (self.hour < 10) {
-            $element.setSelectionRange(5,7);
-          } else {
-            $element.setSelectionRange(6,8);
-          }
+          var fh = self.getFormattedHour();
+          var p = 4 + fh.length;
+          $element.setSelectionRange(p,p+2);
         }, 0);
       }
     },
@@ -512,23 +514,16 @@
       this.highlightedUnit = 'meridian';
 
       if ($element.setSelectionRange) {
+        var start;
+        var fh = self.getFormattedHour();
         if (this.showSeconds) {
-          setTimeout(function() {
-            if (self.hour < 10) {
-              $element.setSelectionRange(8,10);
-            } else {
-              $element.setSelectionRange(9,11);
-            }
-          }, 0);
+          start = 7 + fh.length;
         } else {
-          setTimeout(function() {
-            if (self.hour < 10) {
-              $element.setSelectionRange(5,7);
-            } else {
-              $element.setSelectionRange(6,8);
-            }
-          }, 0);
+          start = 4 + fh.length;
         }
+        setTimeout(function() {
+          $element.setSelectionRange(start,start+self.meridian.length);
+        }, 0);
       }
     },
 
@@ -988,7 +983,7 @@
         return;
       }
 
-      var hour = this.hour,
+      var hour = this.getFormattedHour(),
           minute = this.minute.toString().length === 1 ? '0' + this.minute : this.minute,
           second = this.second.toString().length === 1 ? '0' + this.second : this.second;
 
@@ -1147,7 +1142,8 @@
     appendWidgetTo: 'body',
     showWidgetOnAddonClick: true,
     maxHours: 24,
-    explicitMode: false
+    explicitMode: false,
+    twoDigitsHour : false
   };
 
   $.fn.timepicker.Constructor = Timepicker;