问题：要写一个日期选择范围，而当前文档也提供了picker-options，但是我写了这个函数后，发现并没有触发，想请问是怎么回事？代码如下：<el-form :ref="form" :model="form"><el-form-item :label="申请时间" prop="date1"><el-col :span="10">
<el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="开始日期" :picker-options="pickerOptionsStart">
</el-date-picker></el-con></el-form-item><el-form-item prop="date2"><el-col :span="10">
<el-date-picker size="small" v-model="form.date2" type="datetime" placeholder="结束日期" :picker-options="pickerOptionsEnd">
</el-date-picker></el-con></el-form-item></el-form>data(){return{ form:[
date1:'',
date2:''
],
pickerOptionsStart:{
disableDate:(time)=>{
return time.getTime()>Date.now()
}
}, pickerOptionsStart:{ disableDate:(time)=>{
return time.getTime()<Date.now()
}
}
}}以上就是简单的写法，但是缺效果并没有实现，还是每一个都可以选择
2 回答
红糖糍粑
TA贡献1815条经验 获得超6个赞
<el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="开始日期" :picker-options="pickerOptionsStart">
</el-date-picker>
pickerOptionsStart: {
disabledDate: (time) => {
// 只能选今天以后的 return time.getTime() < new Date()
}
}
添加回答
举报
0/150
提交
取消