时间戳

首页 > 解决方案 > 如何将今天的日期与数据库中的另一个日期进行比较？

javascript - 如何将今天的日期与数据库中的另一个日期进行比较？

问题描述

这是我到目前为止所拥有的

<div v-for="product in products">

<div v-if="Date.now() > {{ product.expiry_date }}">Expired</div>
<div v-if="Date.now() < {{ product.expiry_date }}">Valid</div>

</div>

var app = new Vue({
    'el': '#myapp',
    data: {
        products: "",
    },
    methods: {
        allRecords: function(){
            axios.get('ajaxfile.php')
                .then(function (response) {
                    app.products = response.data;
                })
                .catch(function (error) {
                    console.log(error);
                });
        },

    }
})

我想打印Expired或Valid比较我数据库中的日期和今天的日期。我不确定 if 条件的格式，即这部分{{ product.expiry_date }}是否正确。是否有另一种方法可以在 if 条件下表示数据库中的日期数据？我没有得到这种格式的输出，希望能得到一些帮助。

标签： javascriptvue.js

解决方案

尝试这个 ：：：

        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
        <!DOCTYPE html>
        <html>
        <head>
            <title>How to get current date time in vue js? - ItSolutionStuff.com</title>
        </head>
        <body>
           
        <div id="app">
        <ul id="example-1">
          <li v-for="item in items">
            {{item.name}} - 
            <span  v-if="Date.now() > new Date(item.date)">Expired</span>
            <span v-if="Date.now() < new Date(item.date)">Valid</span>
          </li>
        </ul>
        </div>
          
        </body>
          
        <script type="text/javascript">
         new Vue({
            el: '#app',
            data: { 
                 items: [
          { date: '2006-12-30', name: 'AAA' }, 
          { date: '2020-12-30', name: 'BBB' }
        ]
              }
         });
            
        </script>
        </html>

推荐阅读