element中el-date-picker禁止选择当前日期之前的日期

最新推荐文章于 2025-05-29 10:19:15 发布

除了菜还是菜

最新推荐文章于 2025-05-29 10:19:15 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： elementui

本文链接：https://blog.youkuaiyun.com/wjw_de_java/article/details/110285254

本文介绍如何使用Element UI中的日期选择器组件，并通过设置disabledDate属性来禁用过去的所有日期，确保用户只能选择今天的日期或未来日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
这是代码：

 <el-col :span="12">
                    <el-form-item label="时间" prop="antipateUnderTime">
                        <el-date-picker
                                v-model="addForm.antipateUnderTime"
                                type="date"
                                :picker-options="pickerOptions"
                                :editable="false"
                                placeholder="选择日期" 
                                value-format="yyyy-MM-dd" >
                        </el-date-picker>
                    </el-form-item>
                </el-col>

 return {
    pickerOptions:{                                 
    //禁用当前日期之前的日期
        disabledDate(time) {
        //Date.now()是javascript中的内置函数，它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
               return time.getTime() < Date.now() - 8.64e7;
                    }
                },
            }