小编Nan*_*van的帖子

在 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>
Run Code Online (Sandbox Code Playgroud)

我需要在 vue.js 中实现,我应该在安装、计算还是方法中包含?

javascript vue.js

9
推荐指数
1
解决办法
4万
查看次数

如何在不刷新页面的情况下在 vue.js 中更新当前时间戳?

在我的 vue 应用程序中,我使用一种方法来获取当前时间戳,我正在获取当前时间和日期,但只有在刷新页面后才会更新,我希望它在不刷新页面的情况下动态更新。

我想我需要包括像 set interval 不知道如何实现的东西

<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() {
                this.getNow();
            },
            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 …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs2

2
推荐指数
1
解决办法
2482
查看次数

标签 统计

javascript ×2

vue.js ×2

vue-component ×1

vuejs2 ×1