el-date-picker限制可选时间范围

最新推荐文章于 2025-03-04 10:13:23 发布

汪叽在羡

最新推荐文章于 2025-03-04 10:13:23 发布

阅读量8.9k

点赞数 8

文章标签： vue.js javascript elementui

本文链接：https://blog.youkuaiyun.com/day_z/article/details/129255738

版权

1、只能选择周一至周五的08:00:00 - 18:00:00

             <el-date-picker
                v-model="value"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择结束时间"
                :picker-options="{
                  selectableRange: ['08:00:00 - 18:00:00'],
                  disabledDate: (date) => {
                    if (date.getDay() === 0 || date.getDay() === 6) {
                      return true;
                    } else {
                      return false;
                    }
                  },
                }"
              >
             </el-date-picker>

2、只能选择当前日期之前的日期范围

            <el-date-picker
              v-model="value"
              type="daterange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              value-format="yyyy-MM-dd HH:mm:ss"
              format="yyyy-MM-dd"
              :picker-options=" {
                disabledDate: (time) => {
                  return time.getTime() > Date.now() - 1 * 24 * 60 * 60 * 1000;
                }
              }"
            >