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

## html

<el-date-picker

              type="date"

              placeholder="开始日期"

              v-model="customData.limitTime.startTime"

              style="width: 100%;"

              value-format="yyyy-MM-dd"

              :picker-options="effectivePickerStart"

              :editable="false"

            ></el-date-picker>

<el-date-picker

              type="date"

              placeholder="失效日期"

              v-model="customData.limitTime.endTime"

              :picker-options="effectivePickerEnd"

              style="width: 100%;"

              value-format="yyyy-MM-dd"

              :editable="false"

            ></el-date-picker>



## 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;

    },

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容