vue日期加一天
时间: 2023-07-01 14:18:24 浏览: 122
你可以使用 JavaScript 的 Date 对象来实现 Vue 日期加一天的功能。具体的代码如下:
```javascript
// 获取当前日期
let date = new Date()
// 将日期加一天
date.setDate(date.getDate() + 1)
// 将日期格式化为 yyyy-mm-dd 的字符串
let formattedDate = date.toISOString().split('T')[0]
```
在 Vue 中,你可以将这段代码封装为一个方法,然后在需要的地方调用。例如:
```vue
<template>
<div>
<p>当前日期:{{ currentDate }}</p>
<button @click="addOneDay">日期加一天</button>
<p>加一天后的日期:{{ newDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentDate: '',
newDate: ''
}
},
mounted() {
this.currentDate = this.formatDate(new Date())
},
methods: {
formatDate(date) {
return date.toISOString().split('T')[0]
},
addOneDay() {
let date = new Date()
date.setDate(date.getDate() + 1)
this.newDate = this.formatDate(date)
}
}
}
</script>
```
这样,当你点击按钮时,Vue 组件会调用 addOneDay 方法,将日期加一天,并将加一天后的日期显示在页面上。