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(){

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

    

    console.log(hours)

}

Answer 2

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

Answer 3

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

Answer 4

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