element DateTimePicker 时间限制(这是2个之间相关 多个同理)

## html

              type="date"

              placeholder="开始日期"

              v-model="customData.limitTime.startTime"

              style="width: 100%;"

              value-format="yyyy-MM-dd"

              :picker-options="effectivePickerStart"

              :editable="false"

            >

              type="date"

              placeholder="失效日期"

              v-model="customData.limitTime.endTime"

              :picker-options="effectivePickerEnd"

              style="width: 100%;"

              value-format="yyyy-MM-dd"

              :editable="false"

            >



## data中定义该数据(数据不唯一)

customData: {

        limitTime: {

          startTime: "",

          endTime: ""

        }

      },

      effectivePickerStart: {

        //时间限制

        disabledDate: this.effectivePickerStartDisabledDate

      },

      effectivePickerEnd: {

        //时间限制

        disabledDate: this.effectivePickerEndDisabledDate

      }


## 逻辑

effectivePickerStartDisabledDate(time) {

      let timeGetTime = time.getTime(); 

      let x = this.customData.limitTime.endTime;

      if (x) {

        let now = new Date(x).getTime() - 24 * 60 * 60 * 1000; 

        return timeGetTime > now;

      }

    },

    effectivePickerEndDisabledDate(time) {

      let timeGetTime = time.getTime();

      let x = this.customData.limitTime.startTime;

      let now = new Date(x).getTime() - 24 * 60 * 60 * 1000; 

      return timeGetTime < now;

    },

你可能感兴趣的:(element DateTimePicker 时间限制(这是2个之间相关 多个同理))