项目需求是:只能选择30天内的时间
标红外不可选
//项目时间格式需要时分秒 自动补上
<el-date-picker v-model="searchParams.times" type="daterange" range-separator="至"
start-placeholder="开始时间" end-placeholder="结束时间"
:default-time="['00:00:00', '23:59:59']"
:picker-options="expireTimeOption" value-format='yyyy-MM-dd HH:mm:ss'>
</el-date-picker>
data:{
return :{
expireTimeOption: this.expireTimeOptionFun(),
}
}
主要逻辑
expireTimeOptionFun() {
let selectData = []
return {
onPick: ({ maxDate, minDate }) => {
selectData[0] = minDate?.getTime()
selectData[1] = maxDate?.getTime()
},
disabledDate(time) {
//选择时间
if (selectData[0] && !selectData[1]) {
return time.getTime() > selectData[0] + 24*60*60*30*1000 || time.getTime() < selectData[0] - 24*60*60*30*1000
}
}
}
}