vue new data 输出 00:00:00

要在 Vue 中将日期输出为 00:00:00 格式，可以使用 Moment.js 或原生 JavaScript 的日期对象。下面是两种方法的示例代码：

使用 Moment.js：

<template>
  <div>
    <p>{{ formattedTime }}</p>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      date: '2022-01-01',
      formattedTime: '',
    };
  },
  mounted() {
    // 使用 Moment.js 格式化日期为 00:00:00
    this.formattedTime = moment(this.date).format('HH:mm:ss');
  },
};
</script>

在上述示例中，我们使用 Moment.js 将日期格式化为 HH:mm:ss，其中 HH 表示小时，mm 表示分钟，ss 表示秒。

使用原生 JavaScript 的日期对象：

<template>
  <div>
    <p>{{ formattedTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: new Date('2022-01-01'),
      formattedTime: '',
    };
  },
  mounted() {
    // 使用原生 JavaScript 将日期格式化为 00:00:00
    let hours = this.date.getHours().toString().padStart(2, '0');
    let minutes = this.date.getMinutes().toString().padStart(2, '0');
    let seconds = this.date.getSeconds().toString().padStart(2, '0');

    this.formattedTime = `${hours}:${minutes}:${seconds}`;
  },
};
</script>

在上述示例中，我们使用原生 JavaScript 的 `getHours()`、`getMinutes()` 和 `getSeconds()` 方法获取小时、分钟和秒，并使用 `padStart()` 方法确保它们的格式为两位数。

这两种方法都可以将日期转换为 00:00:00 格式。你可以根据自己的需求选择其中一种方法。