使用vue写一个函数实现返回今天以及一周内其他几天
时间: 2024-05-01 19:16:59 浏览: 8
以下是使用Vue写的一个函数,可以返回今天以及一周内其他几天的日期:
```
<template>
<div>
<h2>今天以及一周内其他几天的日期:</h2>
<ul>
<li v-for="(day, index) in days" :key="index">{{ day }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
days: []
}
},
created() {
this.generateDays();
},
methods: {
// 生成日期数组
generateDays() {
let today = new Date();
let days = [];
// 获取今天的日期
let todayStr = this.formatDate(today);
days.push(todayStr);
// 获取一周内其他几天的日期
for (let i = 1; i < 7; i++) {
let nextDay = new Date();
nextDay.setDate(today.getDate() + i);
let nextDayStr = this.formatDate(nextDay);
days.push(nextDayStr);
}
this.days = days;
},
// 格式化日期
formatDate(date) {
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
return `${year}-${month}-${day}`;
}
}
}
</script>
```
这个函数会在页面加载时自动执行,生成包含今天以及一周内其他几天的日期数组,然后在页面上展示出来。