[英]Format date within template interpolation - vue js
我想在模板 {{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")}}
但这会在控制台中抛出错误,提示 moment 不是 function。
你能在你的组件中定义一个方法,然后像下面这样使用它吗?
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.