<el-table :data="dataList" border>
<el-table-column label="开始时间" align="center">
<template slot-scope="{row,$index}">
<el-date-picker
size="mini"
style="width: 80%;"
v-model="row.startDate"
type="date"
value-format="yyyy-MM-dd"
:picker-options="pickerOptionsRowStart(row,$index)"
placeholder="开始时间">
</el-date-picker>
</template>
</el-table-column>
<el-table-column label="结束时间" align="center">
<template slot-scope="{row,$index}">
<el-date-picker
size="mini"
style="width: 80%;"
v-model="row.endDate"
type="date"
value-format="yyyy-MM-dd"
:picker-options="pickerOptionsRowEnd(row,$index)"
placeholder="质保结束时间">
</el-date-picker>
</template>
</el-table-column>
</el-table>
export default {
name: "",
data(){
return{
dataList:[
{startDate:'',endDate:''}
],
pickerOptionsRowStart:(row,index) =>{
return{
disabledDate: time => {
let endDateVal = this.dataList[index].endDate
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime()
}
}
}
},
pickerOptionsRowEnd:(row,index) => {
return{
disabledDate: time => {
let beginDateVal = this.dataList[index].startDate
if (beginDateVal) {
return time.getTime() < new Date(beginDateVal).getTime()
}
}
}
},
}
},
components:{
},
methods : {
},
mounted(){
}
}