在模板插值中格式化日期 - vue js

【问题标题】：Format date within template interpolation - vue js在模板插值中格式化日期 - vue js
【发布时间】：2021-12-29 05:35:59
【问题描述】：

我想在模板 {{date}} 中格式化日期。

<div v-for="(data, index) in variable" :key="index">
{{data.date}}
</div>

其中 data.date 是一个字符串，看起来像 2014-09-09T18:30:00.000Z。

我希望它是人类可读的格式。

我尝试了{{moment(data.visit_date).format("YYYY-MM-DD")}}，但这会在控制台中抛出错误，说时刻不是函数。

【问题讨论】：

标签： javascript vue.js vuejs2

【解决方案1】：

你能在你的组件中定义一个方法然后像下面这样使用它吗？

<script>
import moment from 'moment';

export default {
    methods: {
        getFormattedDate(date) {
            return moment(date).format("YYYY-MM-DD")
        }
    }
}
</script>

<div v-for="(data, index) in variable" :key="index">
{{getFormattedDate(data.date)}}
</div>

【讨论】：

它成功了，谢谢。