elementui中date-picker当前年之后不可选择

CC105丶

于 2021-11-18 17:58:01 发布

阅读量560

点赞数 1

分类专栏： vue相关文章标签： elementui javascript html vue.js

本文链接：https://blog.youkuaiyun.com/weixin_43866678/article/details/121406394

版权

vue相关专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在ElementUI的日期选择器中设置只能选择当前年及以前的年份。通过定义disabledDate方法来实现这一功能，确保用户无法选择未来年份。

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

elementui中date-picker当前年之后不可选择

    <el-date-picker
        v-model="time"
        type="year"
        :picker-options="pickerOptions"
        placeholder="选择年">
      </el-date-picker>

  data() {
    return {
      time: new Date(),
      pickerOptions: {
        disabledDate(time) {
           const date = new Date()
           const year = date.getFullYear();
           const timeYear = time.getFullYear();
           return year < timeYear
        }
      }
    }
  },