elementui日期选择器用法

element-ui日期选择器组件可以用来方便地选择日期。默认情况下，该组件允许选择所有日期。但在一些场景中，我们可能需要限制可选择的日期范围。element-ui提供了一些属性来实现这一点。

1. 使用picker-options属性可以设置日期选择器的一些选项。其中，可以使用disabledDate函数来限制可选择的日期范围。例如，可以通过设置disabledDate属性为一个函数来禁用过去的日期：

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

data() {
  return {
    pickerOptions: {
      disabledDate(time) {
        return time.getTime() > Date.now();
      }
    }
  };
}

2. 使用default-value属性可以设置日期选择器的默认日期。例如，可以将default-value属性设置为当前日期：

<el-date-picker
  v-model="date"
  :default-value="new Date()"
></el-date-picker>

综上所述，element-ui日期选择器可以通过picker-options属性和default-value属性来实现对日期选择的限制和设置默认日期。