vue3日期格式转换

在Vue3中进行日期格式转换有多种方法。首先，你可以使用`Date.parse()`函数将指定的日期字符串转换为时间戳。例如，如果要将"2022-08-17 09:54:48"转换为时间戳，可以在Vue模板中使用以下代码：

<template>
  <div>
    <h3>将"2022-08-17 09:54:48"转换为时间戳：</h3>
    <h4>{{ conversion_time2 }}</h4>
  </div>
</template>

<script>
export default {
  data() {
    return {
      conversion_time2: Date.parse('2022-08-17 09:54:48')
    }
  }
}
</script>

这样就可以将指定的日期转换为时间戳并显示出来。

另外，如果你想将指定的日期字符串转换为标准时间格式，可以使用`new Date()`函数。以下是在Vue模板中进行转换的示例代码：

<template>
  <div>
    <h3>将"2022-08-17 09:54:48"转换为标准时间格式：</h3>
    <h4>{{ conversion_time }}</h4>
  </div>
</template>

<script>
export default {
  data() {
    return {
      conversion_time: new Date('2022-08-17 09:54:48')
    }
  }
}
</script>

这样就可以将指定的日期转换为标准时间格式并显示出来。

另外，如果你想获取当前时间的时间戳，可以使用`Date.parse(new Date())`。以下是在Vue模板中获取当前时间戳的示例代码：

<template>
  <div>
    <h3>获取当前时间的时间戳：{{ current_timestamp }}</h3>
  </div>
</template>

<script>
export default {
  data() {
    return {
      current_timestamp: ''
    }
  },
  created() {
    this.getnowtimestamp();
  },
  methods: {
    getnowtimestamp() {
      var date = new Date();
      this.current_timestamp = Date.parse(date);
    }
  }
}
</script>

这样就可以获取当前时间的时间戳并显示出来。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue 时间格式总结及转换](https://blog.csdn.net/EvaY_Yang/article/details/126366056)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]