element Plus el-date-picker无法支持时间戳

895 阅读1分钟

后端要求数据要时间戳,如果使用函数封装要考虑拿到数据转成日期格式回显,选择之后要转成时间戳提交,写成两个函数也可以,就是可能后期维护有点麻烦,所以我这里考虑使用computed的get和set。

element Plus无法支持时间戳,vue2的element可以支持时间戳,自己使用computed实现一下

<el-date-picker v-model="changeTime" type="date" placeholder="Pick a Date" value-format="YYYY-MM-DD" />
const changeTime = computed({
  get: () => {
    var date = new Date(other.birth);
    var Y = date.getFullYear() + "-";
    var M =
      (date.getMonth() + 1 < 10
        ? "0" + (date.getMonth() + 1)
        : date.getMonth() + 1) + "-";
    var D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
    return Y + M + D;
  },
  set: (val) => {
    let d = new Date(val);
    other.birth = d.getTime(d);
    console.log("1", other.birth);
  },
});