vue怎么实现24小时的时间加减？

Question

在不用插件的情况下，怎么写时间加减的逻辑？

<div v-model="time1">{{ time1 }}</div>

<div v-model="time2">{{ time1 }}</div>

<div @click="AddTime()">{{ hours }}</div>

AddTime(){

    this.hours= Number(this.time1)+Number(this.time2);

    

    console.log(hours)

}

这样出来只能是 20+5=25，但是我需要的是20加5小时，返回应该是1点

不用插件，只用了script引用的vue，应该要怎么写才能正确加减时间？

Answer 1

相加的结果，再对24取余AddTime(){&nbsp; &nbsp; this.hours= (Number(this.time1)+Number(this.time2))%24;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; console.log(hours)}

Answer 2

this.hours=&nbsp;(Number(this.time1)+Number(this.time2))&nbsp;%&nbsp;24

Answer 3

这个问题是小学生级别的（偷笑） % 24 取余就可以了

Answer 4

你这个不需要考虑日期吗 比如0号得下一天是31好还是1号