美文网首页
时间范围限制

时间范围限制

作者: 一块糖吧 | 来源:发表于2022-11-23 09:25 被阅读0次

     pickerOptions: {

            disabledDate (time) {

              let secondNum = 60 * 60 * 24 * 7 * 1000; //上下波动7天

              if (timeOptionRange) {

                return (

                  time.getTime() > timeOptionRange.getTime() + secondNum ||

                  time.getTime() < timeOptionRange.getTime() - secondNum

                );

              }

            },

            onPick (time) {

              //当第一时间选中才设置禁用

              if (time.minDate && !time.maxDate) {

                timeOptionRange = time.minDate;

              }

              if (time.maxDate) {

                timeOptionRange = null;

              }

            }

          },

    <el-col :span="7">

              <label>统计时间:</label>

              <el-date-picker v-model="params.createdTime"

                              type="datetimerange"

                              size="small"

                              range-separator="至"

                              start-placeholder="开始时间"

                              end-placeholder="结束时间"

                              :picker-options="pickerOptions"

                              @change="changeDate"></el-date-picker>

            </el-col>

    相关文章

      网友评论

          本文标题:时间范围限制

          本文链接:https://www.haomeiwen.com/subject/jmczxdtx.html