element el-date-picker daterange 限制选择日期从昨天开始 只能选择30天内 不能选择的置灰

你好，谢谢你对ChitGPT的关注。对于你的问题，我可以给出以下代码示例来实现限制选择日期从昨天开始，只能选择30天内，不能选择的日期置灰：

<template>
  <el-date-picker
    v-model="dateRange"
    type="daterange"
    :picker-options="pickerOptions"
    :disabled-date="disabledDate"
  />
</template>

<script>
export default {
  data() {
    return {
      dateRange: [],
      pickerOptions: {
        disabledDate(time) {
          const yesterday = Date.now() - 86400000
          const thirtyDaysAgo = yesterday - 29 * 86400000
          return time.getTime() < thirtyDaysAgo || time.getTime() > yesterday
        },
      },
    }
  },
  methods: {
    disabledDate(time) {
      const yesterday = Date.now() - 86400000
      const thirtyDaysAgo = yesterday - 29 * 86400000
      return time.getTime() < thirtyDaysAgo || time.getTime() > yesterday
    },
  },
}
</script>

在上述代码中，我们使用了`pickerOptions`来限制选择日期的范围和置灰。具体来说，我们使用了`disabledDate`函数来实现日期置灰，该函数会接受一个`time`参数，表示当前待检测的日期，我们可以根据该日期与限制条件进行比较来判断日期是否置灰。同时，我们还使用了`pickerOptions`中的`disabledDate`属性来限制选择日期的范围，该属性值同样是一个函数，它会接受一个`time`参数，表示当前待选择的日期，我们可以根据该日期与限制条件进行比较来判断该日期是否可选。需要注意的是，在上述代码中，我们限制选择的日期从昨天开始，因此需要先获取昨天的日期，然后再计算30天前的日期。