Sky_Tsumugi
2022-02-24 15:43
采纳率: 76.9%
浏览 120
已结题

element ui 日期选择器,点击确定默认为此刻,设置的:picker-options禁用不起作用

问题遇到的现象和发生背景

使用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);

          }
        },
运行结果及报错内容

这是刚打开时间选择器

img

然后直接点击确定

img

我想要达到的结果

期望没选择时间直接点击确定,无效果或者有消息提示,另外想知道造成这种场景的原因是什么!

5条回答 默认 最新

相关推荐 更多相似问题