element-UI年份选择器限制开始时间不能大于结束时间

ITERCHARLIE

已于 2022-10-11 10:07:22 修改

阅读量848

点赞数

分类专栏： Vue 文章标签： vue.js elementui javascript

于 2022-10-11 10:05:30 首次发布

本文链接：https://blog.csdn.net/ITERCHARLIE/article/details/127257907

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 <div class="selectItem" v-show="yearShow">
                            <el-date-picker
                                v-model="curStartYear"
                                placeholder="请选择开始年份"
                                style="width: 180px"
                                type="year"
                                format="yyyy"
                                value-format="yyyy"
                                :picker-options="yearPickerOptionsStart"
                                :clearable="false"
                                @change="startYearChange"
                            />
                            ～
                            <el-date-picker
                                v-model="curEndYear"
                                placeholder="请选择结束年份"
                                type="year"
                                style="width: 180px"
                                format="yyyy"
                                value-format="yyyy"
                                :picker-options="yearPickerOptionsEnd"
                                :clearable="false"
                                @change="endYearChange"
                            >
                            </el-date-picker>
                        </div>

 data() {
        return {

 yearPickerOptionsStart: {
            disabledDate: (time) => {
              const date = new Date()
              const year = date.getFullYear()
              const timeYear = time.getFullYear()
              return timeYear > year || timeYear > this.curEndYear
            }
          },
          yearPickerOptionsEnd: {
            disabledDate: (time) => {
              const date = new Date()
              const year = date.getFullYear()
              const timeYear = time.getFullYear()
              return timeYear > year || timeYear < this.curStartYear
            }
          }






    }
}