vue 获取当前时间 精确到秒

可以使用 JavaScript 中的 Date 对象来获取当前时间，然后使用 Vue 的数据绑定将时间显示在页面上。具体代码如下：

<template>
  <div>
    {{ currentTime }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    setInterval(() => {
      const date = new Date()
      const hours = date.getHours()
      const minutes = date.getMinutes()
      const seconds = date.getSeconds()
      this.currentTime = `${hours}:${minutes}:${seconds}`
    }, 100)
  }
}
</script>

相关问题

vue 获取当前日期精确到时分秒

你可以使用JavaScript的Date对象来获取当前日期和时间。在Vue中，你可以在Vue实例的方法中使用Date对象来获取当前日期和时间精确到时分秒。下面是一个示例代码：

new Vue({
  methods: {
    getCurrentDateTime() {
      const now = new Date();
      const year = now.getFullYear();
      const month = String(now.getMonth() + 1).padStart(2, '0');
      const day = String(now.getDate()).padStart(2, '0');
      const hours = String(now.getHours()).padStart(2, '0');
      const minutes = String(now.getMinutes()).padStart(2, '0');
      const seconds = String(now.getSeconds()).padStart(2, '0');

      const currentDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
      return currentDateTime;
    }
  }
});

你可以调用getCurrentDateTime方法来获取当前日期和时间的字符串，格式为"YYYY-MM-DD HH:mm:ss"。请注意，月份、日期、小时、分钟和秒的值小于10时，需要在前面补0，以保持两位数的格式。

vue 获取当前时间

您可以使用JavaScript来获取当前时间。在Vue.js中，您可以在组件的方法中使用Date对象来获取当前时间。以下是一个示例代码：

export default {
  data() {
    return {
      currentTime: ''
    }
  },
  methods: {
    getCurrentTime() {
      const now = new Date();
      this.currentTime = now.toLocaleString(); // 根据您的需求，可以使用不同的toLocaleString()选项来格式化时间
    }
  },
  mounted() {
    this.getCurrentTime(); // 在组件加载完成后调用该方法，以获取当前时间
  }
}

在上述示例中，我们定义了一个名为`currentTime`的数据属性，用于保存当前时间。`getCurrentTime`方法使用`Date`对象获取当前时间，并将其赋值给`currentTime`属性。在组件加载完成后，我们调用`getCurrentTime`方法来获取当前时间。

您可以根据需要自定义时间的格式，例如使用`toLocaleString()`方法来格式化时间。如果您需要更精确地控制时间的格式，可以使用其他JavaScript库，如Moment.js来处理日期和时间。