moment.js踩坑
阿新 • • 發佈:2020-07-09
安裝好在元件中引入即可
importmomentfrom"moment"; import"moment/locale/zh-cn"; moment.locale("zh-cn");filters: { dateFormat(value) { return moment(value).format("YYYY-MM-DD"); } },
直接在模板中使用 | 即可
<div class="user-edit-item" @click="showDatePick=true"> <h6>生日</h6> <div class="right-box"> <div class="currentData">{{birthday | dateFormat}}</div> <i class="iconfont iconarrnormal"></i> </div> </div>
但是轉換出來的時間不對
因為後臺返回的是number格式的時間戳,需要把他轉換成Unix 時間戳
使用moment.unix(value),轉換成Unix時間戳,再使用format方法格式化
filters: { dateFormat(value) { if (typeof value === "number") { return moment.unix(value).format("YYYY-MM-DD");} return moment(value).format("YYYY-MM-DD"); } },
可以看到資料正常了