watch: {
'dataForm.timeList': function(n, o) {
if (!n[0]) {
this.dataForm.gainStartDate = ''
this.dataForm.gainEndDate = ''
return
}
this.dataForm.gainStartDate = moment(n[0]).format('yyyy-MM-DD HH:mm:ss ')
this.dataForm.gainEndDate = moment(n[1]).format('yyyy-MM-DD HH:mm:ss ')
}
},
vue里面,后端如果传的时间段不是想要的,可以通过watch检测数据,再给他转换。
如果插槽里需要转换,可是试试如下方法
<el-table-column
v-model="dataForm.timeList"
label="券码有效期"
align="center"
width="210"
>
<template slot-scope="scope">
{{ scope.row.gainStartDate | dateFormat }} 至
{{ scope.row.gainEndDate | dateFormat }}
</template>
</el-table-column>
filters: { dateFormat: function(value) { if (!value) return return moment(value).format('YYYY-MM-DD') } },