在 vue.js 中获取当前时间和日期

我需要在网页中获取当前时间和日期，我有它的 javascript 代码。不确定如何在 vue.js 中实现。我在此处附上代码示例。

html和纯js代码：

 <html>
    <body>

        <h2>JavaScript new Date()</h2>
        <p id="timestamp"></p>

        <script>
            var today = new Date();
            var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
            var time = today.getHours() + ":" + today.getMinutes() + ":" +
            today.getSeconds();
            var dateTime = date+' '+time;
            document.getElementById("timestamp").innerHTML = dateTime;
        </script>

    </body>
</html>

我需要在 vue.js 中实现，我应该在哪里包括挂载、计算或方法？

原文由 NandhaGopalElangovan 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 834

因为现在的时间不依赖于任何数据变量，所以我们可以把它写在 methods 中，然后调用 created

在此处阅读有关计算和方法的更多信息

您可以在 CodingGround 中复制并运行它

<html>
   <head>
      <title>VueJs Introduction</title>
      <script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js">
      </script>
   </head>
   <body>
      <div id = "intro" style = "text-align:center;">
         <h1>{{ timestamp }}</h1>
      </div>
      <script type = "text/javascript">
         var vue_det = new Vue({
            el: '#intro',
            data: {
               timestamp: ""
            },
            created() {
                setInterval(this.getNow, 1000);
            },
            methods: {
                getNow: function() {
                    const today = new Date();
                    const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
                    const time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
                    const dateTime = date +' '+ time;
                    this.timestamp = dateTime;
                }
            }
         });
      </script>
   </body>
</html>

原文由 vantrong291 发布，翻译遵循 CC BY-SA 4.0 许可协议

var first_time = '09:00:00' var today = new Date() var now_date = (today.getFullYear() + '-' + (today.getMonth()+1) + '-' + today.getDate()); var now_time = (today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds()).toString() if (now_time === first_time){ console.log('true') }else(){ console.log('false') }

在 vue.js 中获取当前时间和日期

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

Stack Overflow 翻译