elementUI中的datepicker直接展示数据转换接口时间戳

Question

elementUI中的datepicker用来展示数据 ，从接口里拿出来的long类型数据框架有自己的方法直接转换成时间格式么，文档里找了找似乎没有，那有什么好点的方法把它转换掉么

Answer 1

format属性只能改变展示日期的格式，但最终获取到的还是一样的UTC时间类型，可以拿到数据之后做一下转换:
(1)UTC时间转为xxxx-xx-xx格式

 dateChange: function () {
     var time = this.deliveryDate;//获取当前日期空间时间
     if (time) {
     var date = new Date(Date.parse(time));
     var newDate = date.getFullYear() + "-" + (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)) + "-" + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
      return newDate ;
         }
        },   

(2)如果时间要回显，必须要使用UTC值进行赋值，否则ele的日期控件可能不可用

getUTCTime: function (str) {
   var str = new Date(str);
   var utc = str.toUTCString();
       return utc;
}

Answer 2

直接使用new Date()直接把时间戳转成时间就可以了。

Answer 3

<el-date-picker
  v-model="birthday"
  type="date"
  placeholder="请选择生日"
  :picker-options="pickerOptions0"
  size="small"
  @change="getTime"
  >
</el-date-picker>

methods 里面

getTime(date){
  this.birthday=date;
  console.log(this.birthday);
}

完美解决 望采纳 获取后的日期格式为 2017-10-25

Answer 4

针对回显的时候报错。
很简单。
写个computed方法：

_release_time: {
  get() {
    return this.form.release_time.toString();
  },
  set(val) {
    this.form.release_time = val;
  },
},

用的时候：

<el-date-picker
  v-model="_release_time"
  type="date"
  size="small"
  format="yyyy-MM-dd"
  value-format="yyyyMMdd"
  placeholder="选择日期">
</el-date-picker>