后端要求数据要时间戳,如果使用函数封装要考虑拿到数据转成日期格式回显,选择之后要转成时间戳提交,写成两个函数也可以,就是可能后期维护有点麻烦,所以我这里考虑使用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);
},
});