如何从当前日期算起30天内查日期计数?

Question

如何在当前日期起30天内查看日期来计算我的项目?

下面是我需要为30天内的项目添加的当前代码

<template>
<div>
<div>
<div class="tree">
<table width="100%"  border="1">
<tr>
<th>row</th>
<th>Item</th>
<th>Category</th>
<th>Date</th>
<th>Description</th>
</tr>
<tr v-for="(user,index) in bookData" v-bind:key="user.listData">
<td>{{ user.index }}</td>
<td>{{ user.item_id }}</td>
<td>{{ user.category_id }}</td>
<td>{{ user.r_date }}</td>
<td>{{ user.description }}</td>
</tr>
</table>
**New Item within 30 days :** 
<div>
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Vue, Watch, Component } from 'vue-property-decorator';
import API from '@/API';
@Component
export default class BookTable extends Vue {
private bookData: any = [];
private tempData: any = [];
private metadata: any = JSON.stringify([], undefined, 2) ;
private created(): void {
this.getBookDetails();
if (this.currentUser) {
this.getCategories();
}
}
@Watch('categories')
private getBookDetails(): void {
if (this.categories.length > 0) {
for (const category of this.categories) {
API.Book.getBook(category.id).then((response) => {
this.bookData = this.bookData.concat(response ? response : []);
this.tempData = this.bookData;
});
}
}
}
}
</script>

请帮助我，因为我正在努力学习更多关于Vue和新的它和typescript。

Answer 1

您可以为此使用computed属性，并将其连接到计算天数的函数。如

let date_1 = new Date('10/25/2021');
let date_2 = new Date();
function numOfDaysBtn(date_1, date_2) {
let difference = date_1.getTime() - date_2.getTime();
let TotalDays = Math.ceil(difference / (1000 * 3600 * 24));
return TotalDays;
}
console.log(numOfDaysBtn(date_1, date_2) + " days in between");