问题遇到的现象和发生背景
使用element UI 时间选择器,需求需要在此刻之后加3天,之前的时间都被禁用,不能被选择,但实际上是打开时间选择器,样式上显示禁用时间是对的,但如果不选择时间,直接点击确定按钮,则v-model会直接设置为此刻的值,
问题相关代码,请勿粘贴截图
这是选择器的html代码
<el-date-picker
v-else
v-model="addForm.effectStartTime"
type="datetime"
popper-class="datetimepicker"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"
:disabled="modify"
style="width:200px"
:picker-options="effectStartTimeVerify"
@change="changeEffectStartTime">
这是picker-options 的配置
effectStartTimeVerify: {
disabledDate: (time) => {
return time.getTime() < (Date.now() + 172800000);
// return time.getTime() < (Date.now() +86400000);
}
},
运行结果及报错内容
这是刚打开时间选择器
然后直接点击确定
我想要达到的结果
期望没选择时间直接点击确定,无效果或者有消息提示,另外想知道造成这种场景的原因是什么!