Merge pull request soulim#82 from jelhan/changeMonth

Add changeMonth event

Author: soulim

README.md

@@ -224,6 +224,23 @@ actions: {
 }
 ```
 
+### changeMonth
+
+The changeMonth action is triggered when the view month changes (e.g. user click on "prev"/"next" buttons).
+Action called has new view date as first argument.
+
+```handlebars
+{{bootstrap-datepicker changeMonth="changeMonthAction"}}
+```
+
+```javascript
+actions: {
+  changeDateAction(date) {
+    // do sth with the new view date
+  }
+}
+```
+
 #### clearDate
 
 The clearDate action is triggered when the date is cleared (e.g. when the "clear" button is clicked).

addon/components/datepicker-support.js

@@ -50,6 +50,9 @@ export default Ember.Mixin.create({
           this._didChangeDate(event);
         });
       }).
+      on('changeMonth', event => {
+        this.sendAction('changeMonth', event.date);
+      }).
       on('focusout', event => {
         this.sendAction('focus-out', this, event);
       }).

bower.json

@@ -14,6 +14,7 @@
     "qunit": "~1.18.0"
   },
   "devDependencies": {
-    "bootstrap-datepicker": "~1.4.0"
+    "bootstrap-datepicker": "~1.6.4",
+    "bootstrap": "~3.3.7"
   }
 }

tests/integration/components/bootstrap-datepicker-integration-test.js

@@ -112,3 +112,27 @@ test('triggers hide action when date datepicker is hidden', function(assert) {
 
   assert.ok(actionIsTriggered, 'action is triggered');
 });
+
+test('triggers changeMonth when month is changed', function(assert) {
+  assert.expect(6);
+
+  var lastDate;
+  this.on('myAction', (date) => {
+    assert.ok(true, 'action is triggered');
+    lastDate = date;
+  });
+
+  this.render(hbs`
+    {{bootstrap-datepicker-inline changeMonth="myAction"}}
+  `);
+
+  // there are several not visibile datepickers having .next; only trigger the visible one
+  this.$('.next:visible').trigger('click');
+  assert.ok(lastDate instanceof Date, 'date is passed to action as argument');
+  // by default view date is today; so after a click on "next" it should be a date in the next month
+  assert.equal(lastDate.getMonth(), new Date().getMonth() + 1, 'passed date is correct');
+
+  this.$('.prev:visible').trigger('click');
+  assert.ok(lastDate instanceof Date, 'date is passed to action as argument');
+  assert.equal(lastDate.getMonth(), new Date().getMonth(), 'passed date is correct');
+});