elementui 日期选择器单选多选都可以控制时间（原理）

最新推荐文章于 2024-07-15 10:01:29 发布

颜笑·

最新推荐文章于 2024-07-15 10:01:29 发布

阅读量1.9k

点赞数

分类专栏：前端 js 文章标签： elementui css html

本文链接：https://blog.csdn.net/init_yanxiao/article/details/120840469

版权

前端同时被 2 个专栏收录

62 篇文章 1 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

<el-date-picker
        v-model="value1"
        align="right"
        type="date"
        placeholder="选择日期"
        format="MM月DD日"
        :picker-options="{
          disabledDate(time){
              //  参数 time 是日期选择器中的每一天，所以不管是多选还是单选的选择器都可以进行开始和结
              //  束时间的限制的
       return !( // timeOption 的值是 2021-10-18 starOf是拿到第一天，end是拿到一个月最后一天
            (dayjs(time) >= dayjs(timeOption).startOf('month')) && (dayjs(time) <= dayjs(timeOption).endOf('month'))
          )
          },
        }"
      >
      </el-date-picker>