add onChangeMonth ... callbacks

dahal · Nov 17, 2015 · c3925ea · c3925ea
1 parent 6424bd5
commit c3925ea
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 11 deletions.
diff --git a/dist/js/datepicker.js b/dist/js/datepicker.js
@@ -54,7 +54,11 @@ var Datepicker;
  },
 
  // events
- onChange: '',
+ onSelect: '',
+ onChangeMonth: '',
+ onChangeYear: '',
+ onChangeDecade: '',
+ onChangeView: '',
  onRenderCell: ''
  };
 
@@ -177,7 +181,7 @@ var Datepicker;
 
  _triggerOnChange: function () {
  if (!this.selectedDates.length) {
- return this.opts.onChange('', '', this);
+ return this.opts.onSelect('', '', this);
  }
 
  var selectedDates = this.selectedDates,
@@ -198,35 +202,43 @@ var Datepicker;
  })
  }
 
- this.opts.onChange(formattedDates, dates, this);
+ this.opts.onSelect(formattedDates, dates, this);
  },
 
  next: function () {
- var d = this.parsedDate;
+ var d = this.parsedDate,
+ o = this.opts;
  switch (this.view) {
  case 'days':
  this.date = new Date(d.year, d.month + 1, 1);
+ if (o.onChangeMonth) o.onChangeMonth(d.month + 1);
  break;
  case 'months':
  this.date = new Date(d.year + 1, d.month, 1);
+ if (o.onChangeYear) o.onChangeYear(d.year + 1);
  break;
  case 'years':
  this.date = new Date(d.year + 10, 0, 1);
+ if (o.onChangeDecade) o.onChangeDecade(this.curDecade);
  break;
  }
  },
 
  prev: function () {
- var d = this.parsedDate;
+ var d = this.parsedDate,
+ o = this.opts;
  switch (this.view) {
  case 'days':
  this.date = new Date(d.year, d.month - 1, 1);
+ if (o.onChangeMonth) o.onChangeMonth(d.month - 1);
  break;
  case 'months':
  this.date = new Date(d.year - 1, d.month, 1);
+ if (o.onChangeYear) o.onChangeYear(d.year - 1);
  break;
  case 'years':
  this.date = new Date(d.year - 10, 0, 1);
+ if (o.onChangeDecade) o.onChangeDecade(this.curDecade);
  break;
  }
  },
@@ -337,6 +349,7 @@ var Datepicker;
  this._triggerOnChange()
  },
 
+
  _isSelected: function (checkDate, cellType) {
  return this.selectedDates.some(function (date) {
  return Datepicker.isSame(date, checkDate, cellType)
@@ -521,6 +534,10 @@ var Datepicker;
  this.views[this.prevView].hide();
  this.views[val].show();
  this.nav._render();
+
+ if (this.opts.onChangeView) {
+ this.opts.onChangeView(val)
+ }
  }
 
  return val
@@ -542,6 +559,10 @@ var Datepicker;
  get maxTime() {
  var max = Datepicker.getParsedDate(this.maxDate);
  return new Date(max.year, max.month, max.date).getTime()
+ },
+
+ get curDecade() {
+ return Datepicker.getDecade(this.date)
  }
  };
 

diff --git a/index.html b/index.html
@@ -18,7 +18,10 @@
  <script type="text/javascript" src="dist/js/i18n/datepicker.en.js"></script>
  <script type="text/javascript">
  $('.calendar').datepicker({
- onChange: function (dateString, date, inst) {
+ onChangeDecade: function (val) {
+ console.log(val);
+ },
+ onSelect: function (dateString, date, inst) {
  console.log(dateString);
  }
  });

diff --git a/js/datepicker/datepicker.js b/js/datepicker/datepicker.js
@@ -54,7 +54,11 @@ var Datepicker;
  },
 
  // events
- onChange: '',
+ onSelect: '',
+ onChangeMonth: '',
+ onChangeYear: '',
+ onChangeDecade: '',
+ onChangeView: '',
  onRenderCell: ''
  };
 
@@ -177,7 +181,7 @@ var Datepicker;
 
  _triggerOnChange: function () {
  if (!this.selectedDates.length) {
- return this.opts.onChange('', '', this);
+ return this.opts.onSelect('', '', this);
  }
 
  var selectedDates = this.selectedDates,
@@ -198,35 +202,43 @@ var Datepicker;
  })
  }
 
- this.opts.onChange(formattedDates, dates, this);
+ this.opts.onSelect(formattedDates, dates, this);
  },
 
  next: function () {
- var d = this.parsedDate;
+ var d = this.parsedDate,
+ o = this.opts;
  switch (this.view) {
  case 'days':
  this.date = new Date(d.year, d.month + 1, 1);
+ if (o.onChangeMonth) o.onChangeMonth(d.month + 1);
  break;
  case 'months':
  this.date = new Date(d.year + 1, d.month, 1);
+ if (o.onChangeYear) o.onChangeYear(d.year + 1);
  break;
  case 'years':
  this.date = new Date(d.year + 10, 0, 1);
+ if (o.onChangeDecade) o.onChangeDecade(this.curDecade);
  break;
  }
  },
 
  prev: function () {
- var d = this.parsedDate;
+ var d = this.parsedDate,
+ o = this.opts;
  switch (this.view) {
  case 'days':
  this.date = new Date(d.year, d.month - 1, 1);
+ if (o.onChangeMonth) o.onChangeMonth(d.month - 1);
  break;
  case 'months':
  this.date = new Date(d.year - 1, d.month, 1);
+ if (o.onChangeYear) o.onChangeYear(d.year - 1);
  break;
  case 'years':
  this.date = new Date(d.year - 10, 0, 1);
+ if (o.onChangeDecade) o.onChangeDecade(this.curDecade);
  break;
  }
  },
@@ -337,6 +349,7 @@ var Datepicker;
  this._triggerOnChange()
  },
 
+
  _isSelected: function (checkDate, cellType) {
  return this.selectedDates.some(function (date) {
  return Datepicker.isSame(date, checkDate, cellType)
@@ -521,6 +534,10 @@ var Datepicker;
  this.views[this.prevView].hide();
  this.views[val].show();
  this.nav._render();
+
+ if (this.opts.onChangeView) {
+ this.opts.onChangeView(val)
+ }
  }
 
  return val
@@ -542,6 +559,10 @@ var Datepicker;
  get maxTime() {
  var max = Datepicker.getParsedDate(this.maxDate);
  return new Date(max.year, max.month, max.date).getTime()
+ },
+
+ get curDecade() {
+ return Datepicker.getDecade(this.date)
  }
  };