Vue 3 moment.js 中的日期时间格式？

Question

我正在努力转换 Vue.js 3 中的日期时间格式。据我所知，moment.js 在 Vue 3 版本中不起作用。谁能帮我？

谢谢

vue 文件

<template>
  <div>
    <p class="text-danger">
      {{ dateTime(category.created_at) }}
    </p>
  </div>
</template>

<script>
import moment from "moment";
export default {
  computed: {
    dateTime(value) {
      return moment(value).format("YYYY-MM-DD");
    },
  },
};
</script>

getting error

http://prntscr.com/10z3p80

Answer 1

计算属性不带参数，但方法带参数。您可能想要这个：

<template>
  <div>
    <p class="text-danger">
      {{ dateTime(category.created_at) }}
    </p>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  methods: {
    dateTime(value) {
      return moment(value).format('YYYY-MM-DD');
    },
  },
};
</script>

或者是这样的：

<template>
  <div>
    <p class="text-danger">{{ formattedDate }}</p>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  computed: {
    formattedDate {
      return moment(this.category.created_at).format('YYYY-MM-DD');
    },
  },
};
</script>

编辑：更正拼写