elementui中的日历，控制禁用的方法

最新推荐文章于 2024-07-19 16:39:13 发布

EstherNi

最新推荐文章于 2024-07-19 16:39:13 发布

阅读量91

点赞数 1

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/EstherNi/article/details/139801433

版权

在这里插入图片描述

 <el-date-picker v-model="value1" type="monthrange" :picker-options="pickerOptions"  range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份">
</el-date-picker>

   value1: "",
    pickerOptions: {
        disabledDate(time) {
          var year = new Date().getFullYear();
          // 获取当前月份
          var month = new Date().getMonth() + 1;
          month = month > 10 ? month : "0" + month;
          return (
            new Date(year + "-" + "01-01").getTime() > time.getTime() ||
            time.getTime() > new Date(year + "-12-31").getTime()
          );
        },
      },