elementUI 日期控件限制选择无法选择当前月份之后的日期

迷茫的打工人

于 2022-08-10 16:48:52 发布

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：日常总结文章标签： elementui javascript vue.js

本文链接：https://blog.csdn.net/MASK_life/article/details/126269600

日常总结专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何通过设置pickerOptions来禁用日期选择器选取当前月份之后的日期。使用disabledDate方法配合JavaScript获取当前年月进行比较，实现日期控件只能选择当前及之前的日期。

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

项目场景：

项目需要实现一个日期控件限制选择日期，不允许选择当前月份之后的日期

解决方案：

在data中写入pickerOptions,效果图如下：

pickerOptions: {
          disabledDate: (time) => {
            let a =new Date().getFullYear();
            let b=new Date().getMonth();
            return time.getMonth() > b || time.getFullYear() != a
          }
        },