add days to date using vuejs

Question

in the data function I have created tomorrow variable with the date of today then I have set it by appenden 1 day to it but I'm getting this error

data(){
return{
  tomorrow: new Date(),
  tomorrow.setDate(tomorrow.getDate() + 1),
};
},

error Parsing error: Unexpected token .

As a WAG, try removing the semi-colon on the 4th line. It's illegal in the JSON or Tuple, or whatever that data structure that is. — computercarguy
– computercarguy, Commented Dec 8, 2021 at 23:54

Bergur · Accepted Answer · 2021-12-09 00:36:49Z

3

The data property is design for storing variables, not invoking functions or adding logic like you're trying to do.

Try computed property:

computed: {
  tomorrow() {
    const d = new Date()
    d.setDate(d.getDate() + 1)
    return d 
  }
}

And then in your template you can do {{ tomorrow }} or in your vue component this.tomorrow

answered Dec 9, 2021 at 0:36

Bergur

4,07714 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I have a question, under computed property is it possible to create multiple variable with the same type ? exp: let aa, bb = new Date ();

Yes, its just normal javascript with vuejs component around it.