一、主要代码

<el-date-pickertype="datetime"size="small"value-format="yyyy-MM-dd HH:mm:ss"v-model="searchData.submitTimeCode":editable="false"placeholder="选择开始日期"@change="changeEnddate()"
></el-date-picker><el-date-pickerv-model="searchData.submitTimeCodeMin"type="datetime"size="small"placeholder="选择结束日期"value-format="yyyy-MM-dd HH:mm:ss":editable="false":picker-options="{disabledDate: time => {return (time.getTime() >new Date(this.searchData.submitTimeCode).getTime() ||time.getTime() <new Date(this.searchData.submitTimeCode).getTime() -20 * 3600 * 1000)},selectableRange: dafaulttime,}"
></el-date-picker>formatDate(data) {let now = new Date(data)var hour = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()var minute = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()var second = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds()return hour + ':' + minute + ':' + second
},
changeEnddate() {let dafaulttime = new Date(this.searchData.submitTimeCode).getTime() + 10 * 60 * 1000 //开始时间之后的五分钟时间戳this.dafaulttime =this.formatDate(new Date(this.searchData.submitTimeCode).getTime()) +'-' +this.formatDate(dafaulttime)
},

链接: https://blog.csdn.net/qq_33769914/article/details/108754228