我想在模板 {{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 不是函式。
uj5u.com熱心網友回復:
你能在你的組件中定義一個方法,然后像下面那樣使用它嗎?
<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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/397817.html
上一篇:問題系結下拉選擇與VueJs2
