Budget Managin Functionality (vue)

App.js

new Vue({
  el: "#app",
  data: {
  	entries: [],
    amount :"",
    date :"",
    input2: "",
    setBudget: 400
    
  },
  methods: {
  	submitEntry: function(){
    	var formEntry = {
      amount: parseFloat(this.amount),
      date: new moment(this.date)
      }
      
      this.entries.push(formEntry);
      this.amount = "";
      this.date = "";
    },
    
    changeBudget: function(){
    	this.setBudget = parseFloat(this.input2);
      this.input2 = '';
    }
  },
  computed: {
  
    weeklyExp: function(){
    	  var expense = 0;
    		this.entries.forEach(function(entry){
   		  
            if(entry.date.diff(moment().startOf('week'), 'days')>0 && entry.date.diff(moment().startOf('week'), 'days')<=7){
                expense -= entry.amount; 
     				}
        })
      	return expense;
      
    },
    
        monthlyExp: function(){
    	  var expense = 0;
    		this.entries.forEach(function(entry){
   		  
            if(entry.date.diff(moment().startOf('month'), 'days')>=0 && entry.date.diff(moment().startOf('week'), 'days')<=30){
                expense -= entry.amount; 
     				}
        })
      	return expense;
      
    },
    
    yearlyExp: function(){
    	 var expense = 0;
    		this.entries.forEach(function(entry){
   		  
            if(entry.date.diff(moment().startOf('year'), 'days')>=0 && entry.date.diff(moment().startOf('week'), 'days')<=365){
                expense -= entry.amount; 
     				}
        })
      	return expense;
    },
    
    budgetRemaining: function(){
    	return this.setBudget - this.monthlyExp;
    }
    
    
    
    
  }
  
  
})

Index.html

<script src = "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.js"></script>

<div id="app">
<input v-model = "amount" @keydown.enter = "submit" placeholder = "amount $">
<input type = "date" v-model = "date">
<button @click = "submitEntry">
Enter
</button>
<ul>
  <li v-for = "entry in entries">
    {{entry.amount}}
    {{entry.date.format("M/DD/YY")}}
  </li>
</ul>
  <h3>
  Weekly Budget: {{setBudget}} $
  </h3>
  <h3>
   Remaining: {{budgetRemaining}}
  </h3>
 
  <br>
  <div id = "spendingPanel">
    <h1>
  This Week: ${{weeklyExp}}
  <br>
  This Month: ${{monthlyExp}}
  <br>
  This Year: ${{yearlyExp}}
  </h1>
  </div>

<input v-model = "input2" placeholder = "budget">
<button @click = "changeBudget">
Set Budget
</button>


</div>