1. 程式人生 > 實用技巧 >moment.js踩坑

moment.js踩坑

安裝好在元件中引入即可

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"); } },

可以看到資料正常了