element ui date-picker 禁选择今天以后日期

不完美女孩-

已于 2023-04-28 14:19:15 修改

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

于 2023-04-25 17:47:05 首次发布

本文链接：https://blog.csdn.net/LJJONESEED/article/details/130370528

文章展示了如何在Vue中使用ElementUI的日期选择器组件限制用户只能选择当前月及以后的月份。通过`disabledDate`选项，可以阻止选择比当前时间早24小时以上的日期。

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

<el-date-picker v-model="date" type="month" format="yyyy-MM" value-format="yyyy-MM" :picker-options="pickerOptions" placeholder="请选择月份"></el-date-picker>

pickerOptions: {
  disabledDate(time) {
        return time.getTime() > Date.now() - 24 * 3600 * 1000;
 		// return time.getTime() > Date.now()
    },
},