我有一個特定的日期，然后我想獲得接下來的 6 天（提前一周的組件型別）。我想我可以有我的初始日期，然后做一個v-for范圍回圈，如：
<span v-for="n in 7">{{ n }}</span>
其中第一個元素是傳入的日期。但我不確定實作這一目標的最佳方法是什么？
uj5u.com熱心網友回復：
可以直接在 中計算接下來的 7 個日期<template>：
<span v-for="n in 7">{{ new Date().setDate(new Date().getDate() n) }}</span>
演示 1
或者，您可以將其移入<script>以整理<template>：
<script setup>
const today = new Date()
const nextSevenDays = Array(7).fill().map((_, i) => new Date(today).setDate(today.getDate() i))
</script>
然后更新v-for以呈現它：
<template>
<span v-for="date in nextSevenDays">{{ date }}</span>
</template>
演示 2
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/465424.html
標籤：javascript Vue.js 日期 Vuejs3