type="date"
v-model="startTime"
placeholder="请选择开始时间"
:options="startTimeOption"
@on-change="onStartTimeChange"
>
type="date"
v-model="endTime"
placeholder="请选择结束时间"
:options="endTimeOption"
@on-change="onEndTimeChange"
>
export default {
props: {
searchInfo: {
type: Object
}
},
watch: {
searchInfo: {
immediate: true,
deep: true,
handler(val) {
console.log(val)
this.startTime = val.startTimeStamp
this.endTime = val.endTimeStamp
}
}
},
mounted() {
console.log(this.searchInfo)
},
data() {
return {
startTime: "",
endTime: "",
startTimeOption:{ disabledDate (date) {
return date && date.valueOf() > Date.now();
}
},
endTimeOption:{}
};
},
methods: {
// 发送给父组件的方法
send(data){
let params = {
type: data
}
if(data == 'start') {
params.timeVal = this.startTime
this.$emit("child", params)
} else if(data == 'end') {
params.timeVal = this.endTime
this.$emit("child", params)
}
},
onStartTimeChange(startTime, type) {
// console.log(startTime)
this.endTimeOption = {
disabledDate(endTime) {
return (
endTime < new Date(startTime)
);
}
};
this.send('start');
},
onEndTimeChange(endTime, type) {
// console.log(endTime)
this.startTimeOption = {
disabledDate(startTime) {
return (
startTime > new Date(endTime) || startTime > Date.now()
);
}
};
this.send('end');
}
},
};