title: vue + count items date within 30days and display the total on the page
body: <p>How do i count the items by checking the date within 30 days from the current date?</p>
  <p>Here is my sample code:</p>
  <pre><code>
      &lt;table width=&quot;100%&quot;  border=&quot;1&quot;&gt;
        &lt;tr&gt;
          &lt;th&gt;row&lt;/th&gt;
          &lt;th&gt;Item&lt;/th&gt;
          &lt;th&gt;Category&lt;/th&gt;
          &lt;th&gt;Date&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr v-for=&quot;(user,index) in bookData&quot; v-bind:key=&quot;user.listData&quot;&gt;
          &lt;td&gt;{{ user.index }}&lt;/td&gt;
          &lt;td&gt;{{ user.item_id }}&lt;/td&gt;
          &lt;td&gt;{{ user.category_id }}&lt;/td&gt;
          &lt;td&gt;{{ user.r_date }}&lt;/td&gt;
          &lt;td&gt;{{ user.description }}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      New Item within 30 days : 
  
  </code></pre>
  <p>Dates output is like this &quot;02/18/2022, 6:42:36 pm&quot;</p>
  <p>Im not sure if need to convert it on a dateformat, please advice and help how
  to count it.</p>
  <p>Thanks in advance.</p>