stack ovflw

application.controller.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
   date: new Date(),
    current_date: function() {
        var d = this.get('date');
        var date = '01';
        var month = d.getMonth() + 1;
        var year = d.getFullYear();

        return {
            date: date,
            month: month,
            year: year
        };
    }.property('date'),

    actions: {
        previousMonth: function() {
            var date = this.get('date');
            date.setMonth(date.getMonth() - 1);
            this.set('date', date);
            console.log(this.get('date'));
        },
        nextMonth: function() {
            var date = this.get('date');
            date.setMonth(date.getMonth() + 1);
            this.set('date', date);
            console.log(this.get('date'));
        }
    }

});

application.template.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{view 'myview'}}

<button {{action 'previousMonth'}}>prev </button>
<button {{action 'nextMonth'}}>next </button>
<br>
<br>

my-route.template.hbs

{{date}}

myview.view.js

export default Ember.View.extend({
templateName: 'my-route',
    date: function() {
        var raw_date = this.get('controller.current_date');
        return raw_date.month + " " + raw_date.year;
    }.property('controller.current_date')
});

twiddle.json

{
  "version": "0.4.17",
  "EmberENV": {
    "FEATURES": {}
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "1.12.1",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
    "ember-template-compiler": "1.12.1"
  }
}

view.myview.js

export default Ember.View.extend({
templateName: 'my-route',
    date: function() {
        var raw_date = this.get('controller.current_date');
        return raw_date.month + " " + raw_date.year;
    }.property('controller.current_date')
});