begin onlyTimepicker feature

miku561 · Aug 18, 2016 · d3a578d · d3a578d
1 parent 2440a11
commit d3a578d
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 8 deletions.
diff --git a/dist/js/datepicker.js b/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();
  },
 

diff --git a/dist/js/datepicker.min.js b/dist/js/datepicker.min.js
diff --git a/src/js/body.js b/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;
  },

diff --git a/src/js/datepicker.js b/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 () {

diff --git a/src/js/navigation.js b/src/js/navigation.js
@@ -30,7 +30,9 @@
  },
 
  _buildBaseHtml: function () {
- this._render();
+ if (!this.opts.onlyTimePicker) {
+ this._render();
+ }
  this._addButtonsIfNeed();
  },