vue时间戳转换日期格式

在 Vue 中，可以使用 `Date` 对象来将时间戳转换为日期格式。具体的代码如下：

<template>
  <div>
    <p>时间戳：{{ timestamp }}</p>
    <p>日期格式：{{ formatDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timestamp: 1633587895000 // 时间戳，单位为毫秒
    };
  },
  computed: {
    formatDate() {
      const date = new Date(this.timestamp); // 将时间戳转换为 Date 对象
      const year = date.getFullYear(); // 年份
      const month = date.getMonth() + 1; // 月份，注意要加上 1
      const day = date.getDate(); // 日
      return `${year}-${month}-${day}`; // 返回格式化后的日期字符串
    }
  }
};
</script>

在上述代码中，我们首先定义了一个时间戳 `timestamp`，然后使用 `computed` 计算属性来将时间戳转换为日期格式，并将其显示在页面上。在 `formatDate` 计算属性中，我们首先将时间戳转换为 `Date` 对象，然后分别获取年份、月份和日，并将它们拼接成格式化后的日期字符串。最后将该字符串返回即可。