vue 获取当前日期后 在加10天
时间: 2023-05-19 15:02:36 浏览: 145
基于Vue组件化的日期联动选择器功能的实现代码
可以使用 JavaScript 的 Date 对象来获取当前日期并加上指定天数,然后再使用 Vue 的数据绑定来显示日期。以下是一个示例代码:
```
<template>
<div>
<p>当前日期:{{ currentDate }}</p>
<p>10天后的日期:{{ futureDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentDate: '',
futureDate: ''
}
},
mounted() {
const today = new Date()
this.currentDate = today.toLocaleDateString()
const future = new Date(today.getTime() + 10 * 24 * 60 * 60 * 1000)
this.futureDate = future.toLocaleDateString()
}
}
</script>
```
这个组件会在挂载时获取当前日期并计算出10天后的日期,然后将它们绑定到模板中显示。注意,这里使用了 JavaScript 的 Date 对象来进行日期计算,而不是 Vue 的内置功能。
阅读全文