el-date-picker控制以前的日期设为不可选中状态

你可以使用 `:disabled-date` 属性来控制 el-date-picker 中以前的日期设为不可选中状态。具体的实现方法如下：

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

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

在上面的代码中，`disabledDate` 方法返回值为 true 表示该日期不可选中，返回值为 false 则表示该日期可选中。在这个例子中，我使用 `getTime()` 方法将时间转换成毫秒数，然后判断该日期是否早于当前时间 24 小时前。如果是，则该日期不可选中。

相关问题

el-date-picker控制以前的日期不可选中

要控制el-date-picker中以前的日期不可选中，可以使用el-date-picker的disabled-date属性。该属性可以接受一个函数作为参数，该函数用于判断日期是否可选。具体实现如下：

<template>
  <el-date-picker
    v-model="date"
    :disabled-date="disabledDate"
    type="date"
    placeholder="选择日期">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  },
  methods: {
    disabledDate(time) {
      // 将时间转换为时间戳
      let timeStamp = new Date(time).getTime()
      // 获取今天的时间戳
      let today = new Date(new Date().toLocaleDateString()).getTime()
      // 判断时间戳是否小于今天的时间戳
      return timeStamp < today
    }
  }
}
</script>

在上述代码中，我们给el-date-picker组件添加了一个disabled-date属性，并将其绑定到一个名为disabledDate的方法上。在disabledDate方法中，我们首先将传入的时间转换为时间戳，然后获取今天的时间戳，最后判断传入的时间戳是否小于今天的时间戳。如果小于，则返回true，表示该日期不可选；如果大于或等于今天的时间戳，则返回false，表示该日期可选。

el-date-picker选中后日期不显示

您好！对于el-date-picker组件选中后日期不显示的问题，可能有几个可能的原因。以下是一些常见的解决方法：

1. 检查绑定的数据：确保您正确地绑定了日期选择器的值。请检查v-model属性是否正确设置，并且绑定的数据是否包含了选中的日期。

2. 检查日期格式：确保您设置的日期格式与您期望显示的格式匹配。您可以使用format属性来指定日期的显示格式，例如："yyyy-MM-dd"。

3. 检查日期选择器的类型：el-date-picker有多种类型可供选择，例如date、datetime、datetimerange等。请确保您选择了适合您需求的类型。

4. 检查样式问题：有时候日期可能显示在隐藏的区域或被其他元素遮挡。请检查日期选择器所在的容器元素是否具有足够的高度和宽度，并且没有其他元素覆盖在上面。

如果这些方法都无法解决问题，请提供更多的细节，例如您的代码示例或错误提示，以便我能够更好地帮助您解决问题。