Wie kann ich Artikel zählen, indem ich mir Daten ansehe, die innerhalb von 30 Tagen nach dem aktuellen Datum liegen?

Question

Wie berechne ich meine Artikelmenge, indem ich Daten innerhalb von 30 Tagen nach dem aktuellen Datum überprüfe?

Hier sind die aktuellen Codes, die ich innerhalb von 30 Tagen zu meinen Artikeln hinzufügen muss

<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>

Bitte helfen Sie mir, da ich versuche, mehr über Vue zu erfahren und noch ein Neuling in diesem Bereich und Typoskript bin.

Answer 1

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

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");