vue 遍历两个日期之间的所有日期
时间: 2023-08-29 09:08:38 浏览: 109
你可以使用 moment.js 库来实现遍历两个日期之间的所有日期,以下是一个简单的 Vue.js 方法实现:
```
methods: {
getDates(startDate, endDate) {
let dates = [];
let currentDate = moment(startDate);
while (currentDate <= moment(endDate)) {
dates.push(moment(currentDate).format('YYYY-MM-DD'));
currentDate = moment(currentDate).add(1, 'days');
}
return dates;
}
}
```
在上面的代码中,我们使用 moment.js 来解析和格式化日期。我们定义了一个 `getDates` 方法,该方法接受两个日期作为参数,然后使用 `moment` 创建起始日期和结束日期的 Moment 对象。然后,我们循环遍历这个日期范围,直到我们达到结束日期,每次迭代都将当前日期格式化为 `YYYY-MM-DD` 格式并将其添加到 `dates` 数组中。最后,我们返回生成的日期数组。
你可以在 Vue.js 模板中调用此方法,如下所示:
```
<template>
<div>
<ul>
<li v-for="date in getDates('2021-01-01', '2021-01-05')" :key="date">{{ date }}</li>
</ul>
</div>
</template>
```
在上面的代码中,我们使用 `v-for` 指令循环遍历 `getDates` 方法生成的日期数组,并将每个日期显示在列表项中。
阅读全文