el-date-picker的年份范围限制，选择最近三十年的时间（只包含年份）

程序员文章站 2022-01-05 10:51:25

...

在html中添加控件

<el-form-item label="首次生产年份：" prop="firstYear">
            <el-col :span="8">
              <el-date-picker v-model="addForm.firstYear" type="year" placeholder="选择日期" format="yyyy" value-format="yyyy" style="width: 100%;" :picker-options="pickerOptions"/>
            </el-col>
</el-form-item>

在data中添加pickerOptions

pickerOptions:{
        //disabled为函数，返回值为布尔值，
          disabledDate: (time) => {
            let minYear = new Date().getFullYear() - 30          
            return time> Date.now() || time.getTime() < new Date(JSON.stringify(minYear))
          }
      }