elementUI的日期选择组件只能选择当前年的日期，不能选择之前年和之后年的日期

yang_web

于 2022-05-07 16:58:45 发布

阅读量3k

点赞数 2

分类专栏：组件封装 vue3.0+ts 文章标签： vue.js 前端 js

本文链接：https://blog.csdn.net/yang_web/article/details/124634656

版权

ElementUI 日期选择器当前年份 disabledDate pickerOptions

关键词由CSDN通过智能技术生成

vue3.0+ts 同时被 2 个专栏收录

9 篇文章 2 订阅

订阅专栏

组件封装

8 篇文章 0 订阅

订阅专栏

elementUI的日期选择组件只能选择当前年的日期，不能选择之前年和之后年的日期

 <el-date-picker
   v-model="form.nowYear"
   type="date"
   format="yyyy-MM-dd"
   value-format="yyyy-MM-dd"
   placeholder="选择当前年份"
   :picker-options="pickerOptions"
 />

pickerOptions: {
    disabledDate(time) {
      var year = new Date().getFullYear()
      return (
        time.getTime() > new Date(year + '-12-31').getTime() ||
        time.getTime() < new Date(year + '-01-01').getTime()
      )
    }
  }