美文网首页
ElementUI 之 DatePicker 年份选择限制范围

ElementUI 之 DatePicker 年份选择限制范围

作者: 火爆猪皮 | 来源:发表于2020-07-27 11:48 被阅读0次

需求:

时间选择器,只能选择 1990 年 - 至今的年份。

//dom
 <el-date-picker
            v-model="strdate"
            @change="dataTime"
            type="year"
            :picker-options="pickerOptions"
            value-format="yyyy-MM-dd"
            placeholder="开始年份"
          ></el-date-picker>

//data
 data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return (
            time.getFullYear() < "1990" ||
            time.getFullYear() > new Date().getFullYear()
          ); // 注意是 || 不是 && 哦
        }
      }
    };
  },
image.png image.png

相关文章

网友评论

      本文标题:ElementUI 之 DatePicker 年份选择限制范围

      本文链接:https://www.haomeiwen.com/subject/bjzalktx.html