Element--date时间约束（精确到时分秒）

只能选择当前时间之后的时间（时分秒的禁用）

<template>
  <div>
    <el-date-picker
      v-model="startTime"
      :picker-options="{
        disabledDate(time) {
          return time.getTime() < Date.now() - 24 * 3600 * 1000;
        },
        selectableRange: startTimeRange
      }"
      format="yyyy-MM-dd HH:mm:ss"
      placeholder="请选择时间"
      type="datetime"
      value-format="yyyy-MM-dd HH:mm:ss"
    ></el-date-picker>
  </div>
</template>

<script>
import moment from 'moment'

export default {
  data() {
    return {
      // 时间
      startTime: '',
      // 可选的时间范围
      startTimeRange: ''
    }
  },
  watch: {
    startTime: {
      handler(newValue, oldValue) {
        if (newValue) {
          let nowDate = moment().format('YYYY-MM-DD HH:mm:ss');
          let dt = nowDate.split(" ");
          let st = '';
          if (newValue.split(" ")[0] === dt[0]) {
            // 如果是当天,选择的时间开始为此刻的时分秒
            st = dt[1];
            // 如果是当天（只有当日期改变时）,默认选中时间为当前时间
            if (newValue.split(" ")[0] !== oldValue.split(" ")[0]) {
              this.startTime = nowDate;
            }
          }
          else {
            // 明天以及后面的时间从0时开始
            st = '00:00:00';
          }
          this.startTimeRange = st + ' - 23:59:59';
          //例如：如果今天此刻时间为15:27:00 则选择时间范围为： 15:27:00 - 23:59:59          //否则为：00:00:00 - 23:59:59
        }
      }
    }
  },
};
</script>