1、情况1(value-format="yyyyMMdd")
规则:开始时间不能比结束时间大
<el-date-picker
v-model="dataList.listQuery.startTime"
type="date"
size="small"
value-format="yyyyMMdd"
:picker-options="pickerOptions"
class="w-input-select mr5"
placeholder="开始日期"
/>
<el-date-picker
v-model="dataList.listQuery.endTime"
type="date"
size="small"
:picker-options="pickerOptions2"
value-format="yyyyMMdd"
class="w-input-select mr5"
placeholder="结束日期"
/>
data(){
return{
pickerOptions: {
disabledDate: (time) => {
if (this.dataList.listQuery.endTime) {
const startTimeObj = time
const start = Utils.date.parseTime(startTimeObj.setDate(time.getDate() + 1), '{y}{m}{d}') // 开始时间+1天
const end = this.dataList.listQuery.endTime // 结束时间已经被format yyyyMMdd
return start > end
}
},
},
pickerOptions2: {
disabledDate: (time) => {
if (this.dataList.listQuery.startTime) {
const startTimeObj = time
const start = Utils.date.parseTime(startTimeObj.setDate(time.getDate() - 1), '{y}{m}{d}') // 开始时间-1天
const end = this.dataList.listQuery.startTime // 结束时间已经被format yyyyMMdd
return start < end
}
},
},
}
}