vue+element限制日期插件可选范围

 <el-date-picker clearable size="small" v-model="form.yjrq" type="date" value-format="yyyy-MM-dd" label="应缴日期"
 :default-value="bydate" :picker-options="dateOptions"></el-date-picker>

data() {
        return {
            //应缴日期插件默认展开值
            bydate: null,
            //日期插件可选时间范围限制
            dateOptions: {},
         }
}

在具体方法中赋值：

xxx(){
  let start = 某个时间;
  let end = 某个时间;
  this.dateOptions = {
    disabledDate(time) {
       return ( time.getTime() < new Date(start).getTime() ||time.getTime() > new Date(end).getTime());
            },
       }
}
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容