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;
                }
              }"
            >

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐