vuegantt当前时间

在Vue Gantt中获取当前时间的方法可以有多种实现方式。以下是两种常见的写法：

方法一：
在Vue组件的data中定义一个变量nowTime，然后在created钩子函数中调用一个方法getTime，该方法使用setInterval函数每隔一秒更新一次nowTime的值。具体代码如下：

<template>
  <p>当前时间：{{ nowTime }}</p>
</template>

<script>
export default {
  data() {
    return {
      nowTime: ""
    };
  },
  methods: {
    getTime() {
      setInterval(() => {
        this.nowTime = new Date().toLocaleString();
      }, 1000);
    }
  },
  created() {
    this.getTime();
  }
};
</script>

方法二：
在Vue组件的data中定义一个变量nowTime，然后在mounted钩子函数中调用一个方法getNowTime，该方法使用setInterval函数每隔一秒更新一次nowTime的值。具体代码如下：

<template>
  <div style="text-align: center;padding-top: 100px">
    当前时间:{{ nowTime }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      nowTime: ""
    };
  },
  mounted() {
    this.getNowTime();
  },
  methods: {
    getNowTime() {
      let speed = 1000;
      let that = this;
      let theNowTime = function() {
        that.nowTime = that.timeNumber();
      };
      setInterval(theNowTime, speed);
    },
    timeNumber() {
      let today = new Date();
      let date =
        today.getFullYear() +
        "-" +
        this.twoDigits(today.getMonth() + 1) +
        "-" +
        this.twoDigits(today.getDate());
      let time =
        this.twoDigits(today.getHours()) +
        ":" +
        this.twoDigits(today.getMinutes()) +
        ":" +
        this.twoDigits(today.getSeconds());
      return date + " " + time;
    },
    twoDigits(val) {
      if (val < 10) return "0" + val;
      return val;
    }
  }
};
</script>

以上两种方法都可以实现在Vue Gantt中获取当前时间并实时更新显示。你可以根据自己的需求选择其中一种方法来使用。
#### 引用[.reference_title]
- *1* [vue时间戳——获取本地时间，实时更新](https://blog.csdn.net/qq_43271452/article/details/88526178)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [VUE实时显示当前时间](https://blog.csdn.net/weixin_42258633/article/details/127982317)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]