el-date-picker 禁用日期后 此刻不可用

el-date-picker是一个基于element-ui的日期选择器组件，通过设置disabledDate属性可以禁用指定的日期。当禁用的日期包括当前日期时，此刻将不可用。

例如，在模板中可以这样使用el-date-picker组件：

<template>
  <el-date-picker
    v-model="date"
    :disabled-date="disabledDate">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: new Date()
    }
  },
  methods: {
    disabledDate(time) {
      return time.getTime() < Date.now() - 8.64e7;
    }
  }
}
</script>

在上述代码中，disabledDate方法返回时间是否应该被禁用。在这个例子中，当时间早于当前时间一天之前时，将被禁用，包括此刻。

相关问题

el-date-picker可以禁用日期，怎么禁用日期呢

el-date-picker可以通过设置disabledDate属性来禁用日期。具体实现方法如下：

1. 在data中定义disabledDate属性，作为一个函数来判断日期是否禁用：

data() {
  return {
    disabledDate: (time) => {
      // 在这里判断日期是否禁用，返回 true 表示禁用，false 表示不禁用
    }
  }
}

2. 在el-date-picker中设置disabledDate属性为上面定义的函数：

<el-date-picker v-model="date" :disabledDate="disabledDate"></el-date-picker>

3. 在disabledDate函数中编写具体的判断逻辑，例如禁用所有周末：

data() {
  return {
    disabledDate: (time) => {
      const day = time.getDay()
      return day === 0 || day === 6 // 禁用周六和周日
    }
  }
}

以上是禁用日期的基本实现方法，你可以根据自己的需求编写更复杂的禁用逻辑。

el-date-picker可以禁用日期，怎么禁用时间呢

el-date-picker默认是不支持禁用时间的，不过可以通过一些代码的处理来实现禁用时间的效果。

1. 在el-date-picker中设置value-format属性为时间戳格式，如下所示：

<el-date-picker v-model="date" :value-format="timestampFormat"></el-date-picker>

2. 在data中定义timestampFormat属性，作为时间戳格式的字符串：

data() {
  return {
    timestampFormat: 'timestamp'
  }
}

3. 在methods中定义一个disabledTime方法，用于判断时间是否禁用：

methods: {
  disabledTime(time) {
    // 在这里判断时间是否禁用，返回 true 表示禁用，false 表示不禁用
  }
}

4. 在el-time-picker中设置disabledHours、disabledMinutes和disabledSeconds属性为上面定义的disabledTime方法：

<el-time-picker v-model="date" :disabled-hours="disabledTime" :disabled-minutes="disabledTime" :disabled-seconds="disabledTime"></el-time-picker>

5. 在disabledTime方法中编写具体的判断逻辑，例如禁用所有下午时间：

disabledTime(time) {
  const hour = time.getHours()
  return hour >= 12 // 禁用下午时间
}

以上就是禁用el-date-picker时间的基本实现方法，需要注意的是，禁用时间只能通过禁用小时、分钟和秒数来实现，而且需要将el-date-picker的value-format属性设置为时间戳格式，这样才能在el-time-picker中使用disabled-hours、disabled-minutes和disabled-seconds属性。