Vue3+ElementPlus el-date-picker设置可选时间范围

需求: 选择年份,对应的日期范围选择器跟随年份变化,只可选当前年份


ElementPlus的el-data-picker没有picker-options属性,但是提供了default-value属性可以设置不可选的日期
 

      
        
      

这里我们定义一个方法disabledDateFun用来筛选符合要求的日期,接受一个date格式的对象作为参数,返回格式为Boolean

    // 此函数接受date作为参数 通过判断是否符合要求 返回是否禁用即true或者false
    disabledDateFun(date) {
    // 这里我判断的是年份字符串是否等于form表单所选的年份 是则返回false

你可能感兴趣的:(vue.js,前端,javascript)