begin onlyTimepicker feature

dist/js/datepicker.js

@@ -1,5 +1,6 @@
 ;(function (window, $, undefined) { ;(function () {
     //TODO добавить описание метода destroy
+    // TODO добавить описание onShow onHide
     var VERSION = '2.1.0',
         pluginName = 'datepicker',
         autoInitSelector = '.datepicker-here',
@@ -64,6 +65,7 @@
 
             // timepicker
             timepicker: false,
+            onlyTimePicker: false,
             dateTimeSeparator: ' ',
             timeFormat: '',
             minHours: 0,
@@ -159,7 +161,7 @@
                     this._setPositionClasses(this.opts.position);
                     this._bindEvents()
                 }
-                if (this.opts.keyboardNav) {
+                if (this.opts.keyboardNav && !this.opts.onlyTimePicker) {
                     this._bindKeyboardEvents();
                 }
                 this.$datepicker.on('mousedown', this._onMouseDownDatepicker.bind(this));
@@ -175,6 +177,10 @@
                 this._bindTimepickerEvents();
             }
 
+            if (this.opts.onlyTimePicker) {
+                this.$datepicker.addClass('-only-timepicker-');
+            }
+
             this.views[this.currentView] = new $.fn.datepicker.Body(this, this.currentView, this.opts);
             this.views[this.currentView].show();
             this.nav = new $.fn.datepicker.Navigation(this, this.opts);
@@ -244,6 +250,10 @@
                 this.loc.dateFormat = [this.loc.dateFormat, this.loc.timeFormat].join(this.opts.dateTimeSeparator);
             }
 
+            if (this.opts.onlyTimePicker) {
+                this.loc.dateFormat = this.loc.timeFormat;
+            }
+
             var boundary = this._getWordBoundaryRegExp;
             if (this.loc.timeFormat.match(boundary('aa')) ||
                 this.loc.timeFormat.match(boundary('AA'))
@@ -1046,7 +1056,7 @@
             }
             $cell = this.views[this.currentView].$el.find(selector);
 
-            return $cell.length ? $cell : '';
+            return $cell.length ? $cell : $('');
         },
 
         destroy: function () {
@@ -1470,6 +1480,7 @@
         this.type = type;
         this.opts = opts;
 
+        if (this.opts.onlyTimePicker) return;
         this.init();
     };
 
@@ -1691,6 +1702,7 @@
         },
 
         _render: function () {
+            if (this.opts.onlyTimePicker) return;
             this._renderTypes[this.type].bind(this)();
         },
 
@@ -1709,6 +1721,7 @@
         },
 
         show: function () {
+            if (this.opts.onlyTimePicker) return;
             this.$el.addClass('active');
             this.acitve = true;
         },
@@ -1802,7 +1815,9 @@
         },
 
         _buildBaseHtml: function () {
-            this._render();
+            if (!this.opts.onlyTimePicker) {
+                this._render();
+            }
             this._addButtonsIfNeed();
         },
 

src/js/body.js

@@ -22,6 +22,7 @@
         this.type = type;
         this.opts = opts;
 
+        if (this.opts.onlyTimePicker) return;
         this.init();
     };
 
@@ -243,6 +244,7 @@
         },
 
         _render: function () {
+            if (this.opts.onlyTimePicker) return;
             this._renderTypes[this.type].bind(this)();
         },
 
@@ -261,6 +263,7 @@
         },
 
         show: function () {
+            if (this.opts.onlyTimePicker) return;
             this.$el.addClass('active');
             this.acitve = true;
         },

src/js/datepicker.js

@@ -1,5 +1,6 @@
 ;(function () {
     //TODO добавить описание метода destroy
+    // TODO добавить описание onShow onHide
     var VERSION = '2.1.0',
         pluginName = 'datepicker',
         autoInitSelector = '.datepicker-here',
@@ -64,6 +65,7 @@
 
             // timepicker
             timepicker: false,
+            onlyTimePicker: false,
             dateTimeSeparator: ' ',
             timeFormat: '',
             minHours: 0,
@@ -159,7 +161,7 @@
                     this._setPositionClasses(this.opts.position);
                     this._bindEvents()
                 }
-                if (this.opts.keyboardNav) {
+                if (this.opts.keyboardNav && !this.opts.onlyTimePicker) {
                     this._bindKeyboardEvents();
                 }
                 this.$datepicker.on('mousedown', this._onMouseDownDatepicker.bind(this));
@@ -175,6 +177,10 @@
                 this._bindTimepickerEvents();
             }
 
+            if (this.opts.onlyTimePicker) {
+                this.$datepicker.addClass('-only-timepicker-');
+            }
+
             this.views[this.currentView] = new $.fn.datepicker.Body(this, this.currentView, this.opts);
             this.views[this.currentView].show();
             this.nav = new $.fn.datepicker.Navigation(this, this.opts);
@@ -244,6 +250,10 @@
                 this.loc.dateFormat = [this.loc.dateFormat, this.loc.timeFormat].join(this.opts.dateTimeSeparator);
             }
 
+            if (this.opts.onlyTimePicker) {
+                this.loc.dateFormat = this.loc.timeFormat;
+            }
+
             var boundary = this._getWordBoundaryRegExp;
             if (this.loc.timeFormat.match(boundary('aa')) ||
                 this.loc.timeFormat.match(boundary('AA'))
@@ -1046,7 +1056,7 @@
             }
             $cell = this.views[this.currentView].$el.find(selector);
 
-            return $cell.length ? $cell : '';
+            return $cell.length ? $cell : $('');
         },
 
         destroy: function () {

src/js/navigation.js

@@ -30,7 +30,9 @@
         },
 
         _buildBaseHtml: function () {
-            this._render();
+            if (!this.opts.onlyTimePicker) {
+                this._render();
+            }
             this._addButtonsIfNeed();
         },