moment.js踩坑

安裝好在組件中引入即可

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

可以看到數據正常了