Merge pull request #47 from mkorfmann/master

Binding format and minViewMode attributes

Author: soulim

addon/components/datepicker-support.js

@@ -3,6 +3,8 @@ import Ember from 'ember';
 export default Ember.Mixin.create({
   mustUpdateInput: true,
   value: null,
+  minViewMode: undefined,
+  format: undefined,
 
   setupBootstrapDatepicker: Ember.on('didInsertElement', function() {
     var self = this;
@@ -70,7 +72,7 @@ export default Ember.Mixin.create({
       }
     }
 
-    this.set('mustUpdateInput', false); 
+    this.set('mustUpdateInput', false);
     this.set('value', value);
     this.sendAction('changeDate', value);
   },
@@ -94,7 +96,19 @@ export default Ember.Mixin.create({
     this.$().datepicker('setDatesDisabled', this.get('datesDisabled'));
     this._updateDatepicker();
   }),
-  
+
+  _updateMinViewMode: Ember.observer('minViewMode', function() {
+    this.$().datepicker('minViewMode', this.get('minViewMode'));
+    this.$().data('datepicker')._process_options({minViewMode: this.get('minViewMode')});
+    this._updateDatepicker();
+  }),
+
+  _updateFomat: Ember.observer('format', function() {
+    this.$().datepicker('format', this.get('format'));
+    this.$().data('datepicker')._process_options({format: this.get('format')});
+    this._updateDatepicker();
+  }),
+
 
   _updateDatepicker: function() {
     var self = this,

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

@@ -96,3 +96,41 @@ test('should update startDate', function(assert) {
   component.set("startDate", newStartDate);
   assert.equal(this.$().datepicker("setDate").o.startDate.getMonth(), newStartDate.getMonth(), 'should update startDate');
 });
+
+test('should update format', function(assert) {
+  assert.expect(2);
+
+  var format = 'mm/yyyy';
+  var newFormat = 'yyyy';
+
+  var component = this.subject({
+    value: new Date(2015, 4),
+    format: format
+  });
+
+  assert.equal(this.$().data('datepicker').o.format, format, 'should set initial format');
+
+  component.set('format', newFormat);
+
+  assert.equal(this.$().data('datepicker').o.format, newFormat, 'should update format');
+});
+
+test('should update minViewMode', function(assert) {
+  assert.expect(2);
+
+  var minViewMode = 'years';
+  var yearsViewModeNumber = 2;
+  var newMinViewMode = 'months';
+  var monthsViewModeNumber = 1;
+
+  var component = this.subject({
+    value: new Date(2015, 4),
+    minViewMode: minViewMode
+  });
+
+  assert.equal(this.$().data('datepicker').o.minViewMode, yearsViewModeNumber, 'should set initial format');
+
+  component.set('minViewMode', newMinViewMode);
+
+  assert.equal(this.$().data('datepicker').o.minViewMode, monthsViewModeNumber, 'should update format');
+});